删除chrome中的箭头，用于属性为“list”的输入

6ojccjat 于 2023-05-04 发布在 Go

关注(0)|答案(2)|浏览(148)

我有这个代码：

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

在Chrome中，我在右上角看到了一个黑色的向下箭头

有没有办法把它去掉或者隐藏起来？

JSFiddle
更新：

我知道我可以 Package 它，然后用伪元素关闭它，如下面的JSFiddle所示
但我需要另一个解决方案，还有其他方法吗？

google-chrome

来源：https://stackoverflow.com/questions/23177409/remove-arrow-in-chrome-for-input-with-attribute-list

2条答案

按热度按时间

x3naxklr1#

以下内容将起作用：

input::-webkit-calendar-picker-indicator {
  display: none;
}

jsFiddle here

赞(0）回复(0）举报 2023-05-04

piah890a2#

我今天为此而挣扎。在Chrome97中，我需要添加一个重要的标签来使它工作

input::-webkit-calendar-picker-indicator {
  display: none !important;
}

http://jsfiddle.net/pg0et59w/3/

赞(0）回复(0）举报 2023-05-04

我来回答

删除chrome中的箭头，用于属性为“list”的输入

2条答案

相关问题

热门标签

最新问答