相关疑难解决方法(0)

删除Chrome中的Datalist下拉箭头

Chrome显然在文本输入中添加了一个下拉箭头,引用了一个<datalist>.它出现在Chrome 34(Canary)中,但不是当前的稳定版本(Chrome 31).

它仅在文本字段被聚焦时显示(请参阅更新)并应用于两种输入类型textsearch.

就本机浏览器实现而言,它可能会更糟,但正如您在图像中看到的那样,它与我的设计规范相冲突.

在此输入图像描述

有谁知道如何删除或替换这个新功能?

<datalist id="list"><option value="foo"><option value="bar"></datalist>
<input type="text" list="list" name="field" maxlength="50" autocomplete="off" spellcheck="off" placeholder="Jump To">
Run Code Online (Sandbox Code Playgroud)

更新:

当字段悬停(不仅仅是聚焦)时,箭头也会出现,不幸的是,当按钮本身悬停时,它也有自己的背景颜色:

在此输入图像描述

html css html5 google-chrome

45
推荐指数
4
解决办法
3万
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1

html5 ×1