1
나는 내가 크롬 에서 일하고 있지만 오페라와 파이어 폭스 HTML 코드를 작동하지 않는이 코드를 사용하는 rtied cmbobox 설계 변경하려면
<div class="styled-select">
<select>
<option>Here is the first option</option>
<option>The second option</option>
</select>
</div>
CSS 코드 :
을.styled-select select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
-moz-appearance:none;
appearance: none;
}
.styled-select {
width: 271px;
height: 43px;
overflow: hidden;
background: url(img/cmbbox.png) no-repeat;
border: 0;
}
jsFiddle : 선택 요소의 http://jsfiddle.net/Sz2e6/
* 정확하게 * 작동하지 않습니까? 기본 화살표 만 제거하려고합니까? – Adrift
모든 브라우저에는 JS/JQuery로 조작 할 수있는 기본 스타일이 있습니다. [UniformJS] (http://uniformjs.com/)를 사용하십시오. – Vucko