CSS를 사용하여 Chrome 및 Safari와 같은 webikt 커널 브라우저에서 기본 컨트롤 스타일을 제거합니다.

웹킷의 비공개 속성 이 있습니다:

　 -webkit-appearance:none; /*입력 기본 스타일 제거*/

이 스타일을 추가하고 값이 'none'인 경우 컨트롤 에 대한 브라우저의 기본 스타일을 취소할 수 있습니다.

또한 이 속성에는 마법 같은 기능이 있습니다~ 다양한 컨트롤에 대한 브라우저의 기본 스타일을 호출하고 표시하는 데 사용할 수 있습니다.

예: 저는 스팬입니다. 그러면!! 그가 표시하는 것 효과는 버튼 라벨의 내장 스타일입니다.

하 꽤 재미있다고 생각했어요~

게다가 이 속성을 사용하면 아이폰의 역겹고 큰 둥근 버튼기본 스타일을 제거하여 버튼이 스스로 편집할 수 있습니다. 스타일이 정상적으로 표시됩니다.

다음은 이 속성의 가능한 값이며, 표시할 수 있는 브라우저 컨트롤의 기본 효과라고도 볼 수 있습니다.

체크박스

라디오

푸시버튼

사각형 버튼

버튼

버튼 베벨

목록 상자

목록항목

메뉴목록

메뉴목록-버튼

메뉴목록-텍스트

menulist-textfield

scrollbarbutton-up

scrollbarbutton-down

스크롤바버튼-왼쪽

스크롤바버튼-오른쪽

스크롤바트랙 -horizontal

scrollbartrack-vertical

scrollbarthumb-horizontal

scrollbarthumb-vertical

scrollbargripper-horizontal

scrollbargripper-vertical

slider-horizontal

sliderthumb-vertical

sliderthumb-horizontal

sliderthumb-vertical

캐럿

검색 필드

검색 필드 장식

검색 필드 결과 장식

검색 필드-결과-버튼

검색 필드-취소 버튼

텍스트 필드

텍스트 영역

위 내용은 CSS를 사용하여 Chrome 및 Safari와 같은 webikt 커널 브라우저에서 기본 컨트롤 스타일을 제거합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!