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

穷则独善其身,达则兼善天下。你既然认准一条道路,又何必去打听要走多久。
复制代码
代码如下:

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

到此这篇关于在input中右边加上一个图标的css样式就介绍到这了。意志坚强的人,他的世界充满着无限的可能性。更多相关在input中右边加上一个图标的css样式内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
CSS3 input框的如何实现代码类似Google登录的动画效果

css input[type=file] 样式美化(input上传文件样式 )

如何如何利用css隐藏input的光标示例代码

ie8下input的title闪烁二次显示问题

调整input里面的输入光标大小并兼容主流浏览器