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

Question

我会将datalist分配到文本框，它正在工作，但我想删除右侧箭头标记。

<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