Bootstrap:如何控制图形图标的大小和颜色

时间:2017-10-11 21:44:26

标签: twitter-bootstrap

我是使用bootstrap的新手。如果问题非常基本,我提前道歉。 我在我的Angular应用程序中使用bootstrap,并希望在页面上添加一个后退按钮图标,但我想要做的是使图标的颜色变为灰色而不是原始颜色,并使其尺寸更大。

<a href="./material_view">
    <span class="glyphicon glyphicon-circle-arrow-left" ></span>
</a>

对于protocol中的图形列表,我选择了类&#34; glyphicon glyphicon-circle-arrow-left&#34;的图形。 我尝试在span元素中添加高度和宽度,但它没有用。 我想知道是否有任何提示或建议? 谢谢

1 个答案:

答案 0 :(得分:1)

也许,如果你不介意,你可以改为Font Awesome Icons(我个人过去曾经遇到很多关于字形的问题)。

实际代码是:

HTML:

<a href="./material_view">
    <i class="fa fa-arrow-circle-left icon" aria-hidden="true"></i>
</a>

你可以通过简单地调用它的类来修改它的CSS:

CSS:

.icon{
    color: gray;
    font-size: 50px; //or whathever you want
}