我试图让我的图标变红但没有任何成功。有没有办法给这个图标上色？
https://www.shareicon.net/logo-social-docker-media-878943
header("Refresh: 1; url=addp.php");
.text-danger {
color: #ff0000
}
答案 0 :(得分：1)
以下是使用内联SVG的完整示例：
将CSS >>> l = ['99', '88', '77', '66\n', '11', '22', '33', '44\n', '78', '58', '68', '88\n']
>>> [[int(x) for x in sub] for sub in zip(*[iter(l)]*4)]
[[99, 88, 77, 66], [11, 22, 33, 44], [78, 58, 68, 88]]
添加到svg路径
.text-danger svg path { 填写：＃ff0000！important; }
请参阅jsfiddle以获取完整示例： http://jsfiddle.net/w1bqpjqs/
答案 1 :(得分：1)
我不推荐这种方法，SVG将是我个人的偏好。但是，只是为了替代答案，您可以使用css过滤器来更改图标颜色。这在IE中不起作用，但根据caniuse.com，它可以在90％的全球浏览器中使用：
.highlight-icon{
filter: hue-rotate(180deg) saturate(100) brightness(75%)
}<h4 class="text-danger"><img class="highlight-icon" src="https://www.shareicon.net/data/128x128/2017/02/15/878943_media_512x512.png"></h4>
您无法通过十六进制指定颜色，但您可以使用色调旋转来更改颜色，亮度和饱和度以获得您喜欢的颜色的变化（红色）