文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5搜索输入放大镜覆盖？

问HTML5搜索输入放大镜覆盖？
EN

Stack Overflow用户

提问于 2014-04-25 14:34:21

回答 1查看 1.4K关注 0票数 0

我在我的站点上使用HTML5搜索输入，在一些浏览器中正在呈现放大镜(Safari/Chrome)，而在另一些浏览器中则不是(Firefox/IE)。如何覆盖默认的放大镜图标，以便只为每个浏览器编码自定义搜索图标？

将输入类型切换到文本将无法工作，因为我希望用户能够在输入他们的搜索后点击enter。

谢谢!

input

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-25 14:38:08

重置webkit样式：

input[type=search] {
    -webkit-appearance: textfield;
}

还要隐藏“清除”按钮：

::-webkit-search-cancel-button { display: none; }

编辑

这里有一些(糟糕的)文档：https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

你必须向下滚动/搜索“-webkit-外观”

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23296072

复制

相似问题

问HTML5搜索输入放大镜覆盖？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5搜索输入放大镜覆盖？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5搜索输入放大镜覆盖？
EN