我试图让我的图标变红但没有任何成功。有没有办法给这个图标上色?
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>
您无法通过十六进制指定颜色,但您可以使用色调旋转来更改颜色,亮度和饱和度以获得您喜欢的颜色的变化(红色)