선택 상자에서 텍스트를 가운데에 맞추려면 어떻게 해야 합니까(Chrome 관련 솔루션)?

선택 상자의 텍스트 정렬: 부분적인 Chrome 전용 솔루션

미적인 이유로 선택 상자 내에서 텍스트를 중앙에 배치할 수 있습니다. 또는 접근성을 향상시키기 위해. 그러나 CSS의 선택 요소에 텍스트 정렬 속성을 수동으로 추가하면 예상대로 작동하지 않을 수 있습니다.

초기 시도

한 가지 일반적인 접근 방식이 바이올린에 나와 있습니다. 제공됨:

<p><br></p>

select .lt { text-align: center ; }<br>

안타깝게도 이 기술은 효과적이지 않습니다.

Chrome 전용 솔루션

CSS 전용 솔루션인 반면 전체 텍스트 정렬이 모든 브라우저에서 가능하지 않을 수 있으므로 부분적인 해결 방법이 있습니다. Chrome:

선택 { 너비: 400px; 텍스트 정렬 마지막:가운데; }

이 방법은 선택한 옵션을 드롭다운 자체의 중앙에 배치하지만 선택되지 않은 옵션은 중앙에 배치하지 않습니다. 완전정렬에 한걸음 더 가까워진 것이지만, 주의해야 할 한계도 있습니다.

위 내용은 선택 상자에서 텍스트를 가운데에 맞추려면 어떻게 해야 합니까(Chrome 관련 솔루션)?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!