html - 如何禁用文本框的箭头标记

Question

我会将数据列表分配给文本框，它正在工作，但我想删除右侧的箭头标记。

<input type="text" list="categoryList" name="category">

<datalist id="categoryList">
    <option value="entertainment">
    <option value="education">
    <option value="photography">
    <option value="sports">
</datalist>

http://jsfiddle.net/utrfectL

Answer 1

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

CSS似乎做到了。

从测试来看，箭头似乎仅由 webkit 浏览器添加（在 Firefox 或 IE 中均未出现），因此您只需要这样做。

JSfiddle