select box 배경 투명하게 가능한가? > 기술자료

• 목록

CSS background: "none" or "transparent" - and theming a select box?

CSS를 이용해서 select 창을 조절하는 여러가지 방법이 있습니다.

select 에 CSS 적용이 안되는 몇가지가 있습니다.


1. 배경 투명
<select style="background-color:transparent;">
  <option>옵션1</option>
  <option>옵션2</option>
</select>
이렇게 적용하면 배경이 흰색, 글자도 흰색이 됩니다.
배경색을 지정하고 텍스트 색상을 변경해서 사용하는 것이 최선인듯하네요


2. 높이 변경
<select style="height:50px;">
  <option>옵션1</option>
  <option>옵션2</option>
</select>
높이는 변동이 없습니다.  

select 창을 키우는 방법은 text 를 크게 하는 것입니다.
<select style="text-size:30px;">
  <option>옵션1</option>
  <option>옵션2</option>
</select>

select 테두리를 투명하게 하는 방법을 사용하는 경우도 있는데, 온전한 방법은 찾지 못했습니다.


이외 적용이 안되는 또 다른 옵션이 있는지는 아직 확인하지 못했습니다.