스타일링 선택 옵션 드롭 다운 배경, 너비 및 글꼴

Question

여기에 문제가 있습니다.

몇 가지 옵션이있는 선택 요소가 있습니다. 드롭 다운의 배경, 너비 및 글꼴을 변경할 수 있는지 궁금합니다.

샘플 마크 업입니다 :이 변수를 사용하여 SASS로 작성하기 때문에

<form action=""> 
<span>Show</span> 
<select name="cars" id="indicator-filter-options"> 
    <option value="all" selected>Cars</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="bmw">BMW</option> 
    <option value="audi">Audi</option> 
</select> 

내 CSS를 붙여하지 않았다.

은 가능한 유사 찾고 배경을 달성하고 여기에 같은 효과를 가져하는 것입니다 :

The dropdown design I'm trying to achieve is HERE

Answer 1

당신은 그런 스타일 드롭 다운 옵션을 사용하면 정렬되지 않은 목록을 사용하지 않는 한. 아래의 데모를 통해 아이디어를 얻을 수 있습니다. View Demo