html - 使Glyphicon-plus纤细且悬停时颜色不变

有没有办法使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变小。另外，加号图标也是白色的，但是悬停时会变成黑色。有什么方法可以防止它改变颜色？

最佳答案

替换以下样式

.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中的字体大小并在悬停时更改颜色