텍스트 상자의 화살표 표시를 비활성화하는 방법

텍스트 상자에 데이터 목록을 할당합니다. 제대로 작동하지만 오른쪽 화살표 기호를 제거하고 싶습니다. 텍스트 상자의 화살표 표시를 비활성화하는 방법

enter image description here

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

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

출처

2014-08-28 Anonymous

그것은 한 제한, 또는'select' 요소보다 더 많은, 그래서 당신이 할 수 있다고 생각하지 않습니다. http://stackoverflow.com/questions/13693482/is-there-a-way-to-apply-a-css-style-on-html5-datalist-options – ps2goat

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

CSS 그것을 할 것으로 보인다.

테스트에서 화살표가 웹킷 브라우저에만 추가 된 것처럼 보입니다 (Firefox 또는 IE에는 표시되지 않습니다). 그렇게해야만합니다.

JSfiddle

출처

2014-08-28 03:57:17 Jake

Chrome 및 Safari (웹킷)에만 작동합니다. 그러나 OP의 문제는 FFox에 존재하지 않는 것 같습니다. – ryanlutgen

어쨌든 웹킷 브라우저에만 화살표가 나타나는 것처럼 보입니다. – Jake

나는 고쳐졌다. 적어도 웹킷은 이것을 오버라이드 할만큼 충분히 멋졌습니다. – ps2goat

텍스트 상자의 화살표 표시를 비활성화하는 방법

답변

관련 문제