您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

在input中右边加上一个图标的css样式

作者:佚名    责任编辑:admin    更新时间:2022-06-22

在input上加图标,想必大家并不陌生吧,下面为大家介绍下在input上右边加上一个图标,具体实现如下,感兴趣的朋友可以参考下

 

 

复制代码 代码如下:


<input class='phone-input' type="text" id="phone"/>
.phone-input{
padding-right:20px;
background:url("resource/***.gif") no-repeat scroll right center transparent;
}