Как отключить знак стрелки текстового поля

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