html - 自定义 Font Awesome CSS

Question

我正在尝试使用 Font Awesome 来创建我的表单。但是 FA 图标已经带有填充颜色。当我尝试添加颜色时，它被赋予了整个图标。有没有办法做到这一点？或者我应该使用任何其他 unicode？

注意:我只能通过 CSS 来实现。不应配置父组件。所以我必须只传递一个 CSS 类来实现这一点。请建议我是否有任何其他我可以使用的 unicode，因为我使用的那个看起来不像样式指南中的那个

-非常感谢!!

我有:

第一张图片是我的。第二张图片是它应该是什么样的

.exclamation-red .validation-tooltip-text:before {
边框:无；
内容:“\f06a”；
字体系列:fontAwesome；
左:10px；
position:absolute；
字体大小:20px；
顶部:12px；
白颜色;
}

请帮帮我。谢谢

Answer 1

改为使用 fa-exclamation，您可以将其设置为圆形，然后添加白色边框。

.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