선택 컨트롤은 CSS로 관리하기 쉽지 않습니다!
이는 width:??px; 스타일로 작성하여 달성할 수 있습니다.
height:??px; 높이는 내부 글꼴 크기를 조정해야만 변경할 수 있습니다.
배경은 가능하지만 배경 이미지 사용은 불가능합니다.
선택의 테두리는 기본적으로 파란색이며 CSS의 테두리 속성을 사용하여 변경할 수 없습니다. 테두리는 위장을 통해서만 변경할 수 있습니다.
아이디어: 먼저 예상되는 테두리가 있는 레이어를 만들고 선택 항목을 안에 넣습니다. 선택 항목의 크기가 div보다 약간 커서 레이어 너머의 콘텐츠가 숨겨지고 선택 항목의 테두리가 가려집니다.
<div 스타일="테두리:단색 1px #ffcc00; 너비:100px; 높이:20px;오버플로우:숨김;">
<select name="select" style="width:105px; height:25px; margin-left:-1px; margin-top:-1px;"
<option value="1">일반회원</option>
<option value="2">레벨 2 또는 지역 클럽</option>
<option value="3">협회</option>
</select>
</div>
이 방법을 사용하면 테두리 없이 선택하거나 테두리를 변경할 수 있습니다. 그러나 이는 선택 항목의 목록 상태에만 국한됩니다. IE와 FF에서는 프레임 깊이 제한이 없습니다. 이 작은 녀석은 제어하기가 너무 어렵습니다!