HTML5 Search 돋보기를 입력 하시겠습니까?

Question

내 사이트에서 HTML5 검색 입력을 사용하고 있으며 일부 브라우저에서는 돋보기가 렌더링되고 (Safari/Chrome) 다른 사이트에서는 (Firefox/IE) 그렇지 않습니다. 기본 돋보기 아이콘을 무시하면 모든 브라우저에서 맞춤 검색 아이콘을 코딩 할 수 있습니다.

입력 유형을 텍스트로 전환하면 사용자가 검색을 입력 한 후 입력을 클릭 할 수 있기를 원하기 때문에 작동하지 않습니다.

감사합니다.

Answer 1

재설정 웹킷 스타일 :

일부 (나쁜) 문서 여기

::-webkit-search-cancel-button { display: none; } 

편집 : https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

또한 "지우기"버튼을 숨기려면

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

스크롤해야합니다. wn/"-webkit-appearance"검색