input 文本框里的放字体图标的方法

input 文本框里的放字体图标的方法

input文本框没有:after和:before这连个伪类,所以就用label标签将他包起来,给label:after或者:before,还有就是我们要给input添加text-indent来控制光标,给label相对定位,给:after或者:before绝对定位,之后就是调整位置。

特别的:在:after或者:before中的content的字体图标编码和html的有些不一样content是\e开头的 ,html中是&xe开头的

可以参考:https://blog.csdn.net/u011456552/article/details/52981371的内容

你可能感兴趣的:(input里的放大镜字体图标,html,css)