css - 将边框颜色设置为 glyphicon

Question

我想为 glyphicon 字体添加边框。例如，glyphicon-heart 具有红色边框且与背景颜色相同。我该怎么做？

border-color: 'red' 没有完成这项工作。不会显示边框。

Answer 1

基本上，glyphicon 图标是字体，您可以使用 css color 属性更改它们的颜色。所以，改变字体的颜色，你就会改变背景。现在，字体没有 border-color 属性，但您可以使用 text-shadow

模拟它

.glyphicon{
    font-size: 60px;
    color:red;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

http://jsfiddle.net/9suc171t/1/