선택 태그 스타일링

는 CSS에서 <select> 또는 <option> 태그의 스타일을하는 방법이 있나요? <select> 태그에 대한 배경 이미지를 사용하고 있지만 줄 높이가 찍히지 않아서 세로로 (특히 FF로) 정렬되지 않고 패딩을 사용하면 화살표가보기 흉하게 보입니다. 어떻게 수정하겠습니까?선택 태그 스타일링

출처

2011-09-13 kd7

select 태그는 입니다. 사실, 일부 외에도 기본 스타일 외에도, 그들은 비 - 스타일 가능입니다.

그 이유는 브라우저가 그것을 그리는 것이 아니기 때문입니다. OS에 의해 (주로) 처리됩니다.

더 많은 제어가 필요하면 자바 스크립트로 바꾸어야합니다. 그렇게하면 CSS로 쉽게 조작 할 수있는 div/spans 일뿐입니다.

놀라운 jQuery plugin called "chosen"

는 기본적으로이 아이디어를 중심으로 구축되어있다. 확인 해봐.

출처

2011-09-13 04:02:32

사실입니다. 주의 깊게 살펴 보겠습니다. JS에서 코드화 된 SELECT를 사용하면 사용자가 사용할 수있는 양식을 없애 버릴 수 있습니다. – ShaneC

하지만 아름다운 선택 옵션에 대한 좋은 예가 많이 있습니다. 그들이 js로 끝났습니까? – kd7

@ShaneC - 할 일은 간단한 '선택'으로 시작하는 것입니다. 그런 다음 자바 스크립트가 사용 설정된 경우이를 바꿉니다. 사실, 이것은 "선택된"방식이지만, 한 걸음 더 나아갑니다. 자바 스크립트가 활성화되어 있어도 '선택'은 절대로 제거되지 않습니다. 시야에서 숨겨진 상태로 여전히 앉아있어 모든 고유 이벤트를 해고합니다. –

이 인라인 스타일주세요, 당신은 얻을 것이다.

출처

2011-09-13 04:16:43

선택 태그 스타일링

답변

관련 문제