1. 콤보박스 활용하기
1) 콤보박스 사이즈 늘리기
: <select>태그에 size 속성을 지정하면 드롭다운 목록이 아닌, 선택 목록이 지정된 크기만큼 보여진다.
: 선택 항목의 갯수의 size가 작으면 자동 스크롤이 생성된다.
2) 콤보박스 중복 선택 설정하기
: <select>태그에 multiple을 지정하면, 'shift' 또는 'ctrl'키를 누르고 항목을 선택하면 중복으로 선택이 가능하다.
2. css 활용하기
- cursive글꼴과 white글자 색
- 포커스 될 떄 생기는 못생긴 아웃라인을 없애기 위해 outline에 0
- 초록색 배경
- 2px두께의 하늘색 테두리
- 모든 면의 약간 둥근 테두리를 위한 border-radius 4px
- 그리고 약간의 공백을 위한 padding 4px
: <select>태그는 스타일을 적용하기 어렵다. 물론 박스 모델이나 글씨체 등 일부분은 다른 요소처럼 바꿀 수 있다.
: 하지만 <select>의 내부는 매우 복잡해 통제하기 힘들기 때문에 브라우저 차이가 생겨 일관적이지 않은 결과를 가져올 수 있다.
