0

如图:如何在搜索框中引入字体图标?
注:不是设置背景图片

6个回答

0

已采纳

自己琢磨出来了,第一个是采用定位,第二个是把字体图标的代号放在submit按钮的value值里。
但是我总觉得定位有点粗暴,没有别的办法了么?
求教。
ps:这问题这么low吗?谁踩了一下!

0

右边的那个搜索图标可以放在button里一个i标签,或者直接一个i标签,可以了解下http://www.bootcss.com/p/font...

0

自己做一个搜素框,下边input输入框,border设为none,宽度高度设置为合适的值;在input上面用div标签或其他标签也好把样式做出来,监听如图输入框中的关键词;结合楼上回答,问题就解决了。

0

严格来说,这个效果并不是在搜索框中引入字体图标,而是我们通过一些布局,使他看起来是在搜索框里的,使用position或者float都可以实现,之后可以使用标签引入字体图标,也可以使用伪类::before来实现,你可以任选一种都可以实现,希望对你有帮助。

0

可以参考一下淘宝的搜索框.
思路是跟楼上各位差不多的.
都是用额外的标签定位进去.
不想加额外的标签的话,可以尝试用一下伪类.

撰写答案

SegmentFault

一起探索更多未知

下载 App