Safari에서 내 <input type = "search"> 입력란에 돋보기 이미지를 넣는 것을 어떻게 중지시킬 수 있습니까?

Question

난으로 코딩 텍스트 상자 (검색 창)을 사파리에서 잘 나타나지 않는 동일한

<input type="search" id="searchKeywords" name="searchKeywords" value="" maxlength="50"> 

다음에있다 : 그것은 배경 이미지를 갖는다.

그러나 주요 문제는 저에 따르면 때문에 몇 가지 기본 스타일입니다 :

-webkit-appearance: searchfield; 

내가이 사용하는 사파리 개발자 도구를 발견했다.

동일한 내용을 어떻게 무시할 수 있습니까?

나는 이미 사용을 시도했다;

-webkit-appearance:none; 

뿐만 아니라 !important를 사용하여 ...

그러나 보이지 않는다는 무시지고있다.

도와주세요. 고맙습니다.

Answer 1

http://Formalize.me은 양식 객체를 조작하고 표준화하는 훌륭한 작은 패키지입니다. 그것이 사용하는 것처럼 보입니다 :

input[type=search] { -webkit-appearance: none; } 

Answer 2

브라우저에서 검색 필드의 스타일을 지정하지 않으려면이 사이트와 마찬가지로 type="text"을 사용해야합니다.