css - 用 Bootstrap Glyphicons 替换图像

Question

我想用 bootstrap glyphicons 替换 css 中的图像

这里是我的代码:

.inputShowPwd > .showpass {

   display: none;
   position: absolute;
   height: 24px;
   width: 24px;
   top: 50%;
   margin-top: -12px;
   right: 6px;
   background:url(image/show.png) 50% 50% no-repeat;
}

这是代码的预览:

实际上，它有效，但我想用 bootstrap glyphicons 替换它，因为从我放大它时附加的图像显示图像变得模糊

所以我想问一下，如何在 css 中用 bootstrap glyphicons 替换图像？任何建议将不胜感激

Answer 1

这里是我的更新代码，用于替换 css 中的图像并使用很棒的字体

.inputShowPwd > .showpass {
     display: none;
     position: absolute;
     height: 24px;
     width: 24px;
     top: 50%;
     margin-top: -10px;
     right: 2px;
}
.inputShowPwd > .showpass:after {
     content:"\f06e"; /*this is unicode of eye on font awesome*/
     font-family: "FontAwesome";
}

这是 preview代码的

它显示眼睛 Font Awesome 图标在我放大时不会模糊