找A5进行项目投资，快速获取精准代理商名单
本文主要介绍HTML在透明输入框中添加图标的实现代码。 代码简单易懂。 非常好html5图标，对你的学习或者工作有一定的参考价值。 有需要的同事可以参考一下
最近在写一个律师推荐前台的网站，搜索框出现了问题。 本来想把搜索图标放到搜索框上，但是找了好久都没成功……
废话不多说，我们直接进入主题：
基本思想
其实就是将输入框和前面的图标放在一个div上，然后将输入框的边框设置为0px，最后将div的边框设置为最终的外边框
我们直接上代码：
HTML：
CSS：
这是将整个 div 设置在外面的样式
。搜索 {
宽度：250px；
高度：35 像素；
边框：1px 纯白色；
边框半径：30px；
这里是设置上面输入框的长宽，boder为0px，里面的字体大小html5图标，点击时边框不会亮（outline:none）
这里使用rgba()设置透明度，最后一个属性是透明度（0-1之间）
输入 {
宽度：200px；
高度：35 像素；
边框：0；
字体大小：14px；
概要：无；
背景颜色: rgba(255, 255, 255, 0);
白颜色;
字体大小：16px；
边距：0 10px；
总结
至此，这篇关于HTML在透明输入框中添加图标的实现代码就介绍到这里了。 更多关于HTML透明输入框图标的信息，请搜索scripthome原文或继续浏览下方相关文章。 希望大家以后多多支持脚本之家！
