您的位置：首页技术文章
文章详情页

css3 - css字体样式加填充色而不是背景色

浏览：381日期：2023-06-18 11:18:15

问题描述

有个字体样式如下：css3 - css字体样式加填充色而不是背景色

想要在心里面加上颜色而不是整个包裹心的span都有颜色错误的效果如下：css3 - css字体样式加填充色而不是背景色

span定义如下：

<span class='iconfont'>&#xe61a;</span>

如果加上background-color的话会出现上图的效果，直接用color只会心形的边框有颜色，现在想实现心的里面有颜色求指教

问题解答

回答1：

你的iconfont图标有问题，你像楼上一样，用一个实心的图标，直接设置字体颜色

css3 - css字体样式加填充色而不是背景色

回答2：

用这个❤

标签： CSS
上一条：css3 - css怎么做出这样的效果？下一条：css3中translate(-50%,-50%)对 transform-origin的奇葩影响？
相关文章：
1. docker api 开发的端口怎么获取？2. 老师，flex-shrink: 1; 按视频操作，不会自动缩放3. css3 - 微信前端页面遇到的transition过渡动画的bug4. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？5. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。6. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？7. 如何解决docker宿主机无法访问容器中的服务？8. macos - mac下docker如何设置代理9. mysql - phpMyAdmin无法导入数据10. python的文件读写问题？
排行榜
css3 - 微信前端页面遇到的transition过渡动画的bug
css3 - 微信前端页面遇到的transition过渡动画的bug
1. python的文件读写问题？
2. docker镜像push报错
3. docker api 开发的端口怎么获取？
4. mysql - phpMyAdmin无法导入数据
5. 老师，flex-shrink: 1; 按视频操作，不会自动缩放
6. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。
7. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
8. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
9. 如何解决docker宿主机无法访问容器中的服务？
10. macos - mac下docker如何设置代理
热门标签