Question

有没有办法让glyphicon-plus更小？我试过glyphicon-plus，但我得到的+很厚。代码段是

<a>{href: "#/agencies/new", class: 'btn btnadd pull-right'} <i class="glyphicon glyphicon-plus"></i></a>

我的样式摘录

.btnadd {
border: none;
color: white;
height: 50px;
width: 50px;
border-radius: 50%;
position: fixed;
bottom: 5%;
right: 1%;
background: #60BBEA !important;
padding: 12px;
font-size: 20px;

}

有没有办法让加号更小。此外，Plus图标为白色，但悬停时会变为黑色。有什么方法可以防止它改变颜色？

Answer 1

替换以下样式

.btnadd {
    border: none;
    color: white;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: fixed;
    bottom: 5%;
    right: 1%;
    background: #60BBEA !important;
    padding: 12px;
    font-size: 14px;
}
.btnadd:hover{
    color: #fff;
}

.btnadd i{
    top: 5px;
}

缩小.btnadd中的字体大小并更改悬停时的颜色

Answer 2

使用font-size使加号更小或更大。根据您的需求调整数量。

.btnadd i {
    font-size: 14px;
}

使用：悬停以覆盖默认的悬停行为。

.btnadd i:hover {
    color: white;
}

Answer 3

要使加号图标变薄，请尝试将以下CSS样式添加到glyphicon-plus

.glyphicon-plus {
     font-family: none !important;
}

至于在悬停时防止嘀嗒声的颜色变化你可以将元素的:hover设置为相同吗？所以基本上当悬停在元素上时，它看起来就不会发生变化。

.btnadd:hover {
    color: #fff !important;
}

使用Glyphicon加上纤细和颜色不会在悬停时发生变化

3 个答案: