自定义字体真棒CSS
瓦姆希·古迪帕蒂（Vamshi Gudipati）
我正在尝试使用Awesome字体创建表单。但是FA图标已经带有填充色。当我尝试添加颜色时，会将其赋予整个图标。有没有办法做到这一点？还是我应该使用其他任何unicode？
注意：我必须仅通过CSS来实现。不应配置父组件。因此，我只需要传递一个CSS类即可实现此目的。请建议我是否还有其他我可以使用的unicode，因为我使用的unicode确实不像样式指南中的unicode一样
-非常感谢你！！
我有的： 
第一张图片就是我所拥有的。第二张图片应该是什么样子
.exclamation-red .validation-tooltip-text:before { border: none; content: "\f06a"; font-family: fontAwesome; left: 10px; position: absolute; font-size: 20px; top: 12px; color: white; }
请帮帮我。谢谢
partypete25
改用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;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
自定义字体真棒CSS
- 2
自定义字体不复制网站上的真棒字体
- 3
CSS自定义字体
- 4
CSS自定义字体
- 5
CSS 样式的自定义字体字体
- 6
在wordpress中将像字体真棒或通用字体这样的字体图标设置为自定义menu_icon
- 7
如何在Rails应用程序中用自定义图标替换字体真棒图标
- 8
使用自定义背景颜色删除字体真棒图标的边框
- 9
添加具有自定义字体（字体）的CSS文件
- 10
使用CSS修复自定义字体的行高
- 11
HTML / CSS自定义字体未实现
- 12
如何在CSS中安装自定义字体
- 13
CSS中使用font-face的自定义字体
- 14
HTML / CSS-使用自定义字体/ FontSquirrel
- 15
HTML / CSS自定义字体未实现
- 16
在 HTML/CSS 中使用自定义字体
- 17
SKlabelNode自定义字体
- 18
标签的自定义字体
- 19
默认自定义字体
- 20
默认自定义字体
- 21
字体真棒我css
- 22
修改 css 字体真棒
- 23
具有在CSS中定义的自定义字体的Java Server Faces
- 24
Interface Builder中的自定义字体
- 25
MVCRazorToPdf（iTextSharp）使用自定义字体
- 26
带有dmenu的自定义字体
- 27
自定义字体EditText焦点
- 28
具有自定义字体的MessageBox？
- 29
NUI +自定义字体。文字减半
我来说两句