自定义字体真棒CSS

Question

我正在尝试使用Font Awesome来创建我的表单.但是FA图标已经填充了颜色.当我尝试添加颜色时,它会被赋予整个图标.有可能这样做吗？或者我应该使用任何其他unicode？

注意:我必须通过CSS实现这一点.不应该配置父组件.所以我必须只传递一个CSS类来实现这一点.请建议我,如果有任何其他unicode我可以使用,因为我使用的那个unontode看起来不像风格指南中的那个

-非常感谢你!!

是)我有的:

第一张图片是我的.第二张图片是它应该是怎样的

.exclamation-red .validation-tooltip-text:before { border: none; content: "\f06a"; font-family: fontAwesome; left: 10px; position: absolute; font-size: 20px; top: 12px; color: white; }

请帮帮我.谢谢

Answer 1

使用 fa-感叹号代替，您可以将其设计为圆形，并为其添加白色边框。

.validation-tooltip-text:before {
  content: "\f12a"; // http://fortawesome.github.io/Font-Awesome/icon/exclamation/
  font-family: fontAwesome;
  left: 10px;
  position: absolute;
  font-size: 20px;
  line-height:22px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center;
  vertical-align:middle;
  top: 12px;
  color: white;
}

http://codepen.io/partypete25/pen/dMwwvz?editors=1100