양식을 작성할 때 일부 브라우저는 양식에 기본 스타일을 할당하는 것을 볼 수 있습니다. 예를 들어 Chrome 브라우저에서는 포커스를 로드할 때 텍스트 상자와 드롭다운 선택 상자에 빛나는 테두리가 있습니다. Firefox 및 Google 브라우저에서는 여러 줄의 텍스트 영역을 자유롭게 드래그하여 확대할 수 있습니다. 또한 IE10에서는 텍스트 상자에 내용을 입력하면 텍스트 상자 오른쪽에 작은 십자가가 나타납니다. 등. 이러한 효과로 인해 사용자 경험이 향상되었다는 것은 의심의 여지가 없지만 때로는 이러한 기본 스타일이 필요하지 않은 경우 어떻게 해야 할까요? 솔루션을 별도로 살펴 보겠습니다. 1. Chrome 및 기타 브라우저에서 텍스트 상자의 기본 빛나는 테두리를 제거합니다. input:focus, textarea:focus { 개요: 없음; } 강조 스타일을 제거합니다: input:focus{ -webkit-tap-highlight-col
1. CSS를 사용하여 브라우저가 양식에 지정한 기본 스타일을 제거하는 방법
소개: 양식을 작성할 때 브라우저 찾기 예를 들어 Chrome 브라우저에서 텍스트 상자와 드롭다운 선택 상자에 포커스가 있으면 빛나는 테두리가 나타납니다.
[관련 Q&A 권장 사항]:
위 내용은 양식에 할당된 기본 스타일에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!