◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
HTML在透明输入框里添加图标的实现代码
ID:16240 / 打印最近在写一个律师推荐前台的网站，在上面搜索框这里出现了问题，我想把搜索的图标放在搜索框里面，但是弄了半天都不大如意……
话不多说，我们直接进入主题 ：
基本思路
其实就把输入框与后面的图标一起放在一个div里面，然后将输入框的border设置为0px，最后设置div的border为最终的外边框
我们最直接上代码：
HTML：
<div class="search"> <form action="http://baidu.com"> <input type="text" placeholder="请输入查找的律师或专长"> <span> <a href="#"><img src="img/icon1.png" alt=""></a> </span> </form> </div>
CSS:
这里是设置外面整个div的样式
.search { width: 250px; height: 35px; border: 1px solid white; border-radius: 30px; } 这里是设置里面的输入框的长宽、boder为0px、里面的字体大小、点击不会亮边框(outline:none)
设置透明度这里使用rgba()，最后一个属性就是透明度（在0-1之间 ）
input { width: 200px; height: 35px; border: 0; font-size: 14px; outline: none; background-color: rgba(255, 255, 255, 0); color: white; font-size: 16px; margin: 0 10px; 总结
