Czy istnieje możliwość aby w dropdownie (selekcie) zamienić tą strzałkę niebieską np. na taką ikonkę?:
http://fontawesome.io/icon/arrow-down/
Czy trzeba z jakieś własnego dropdowna korzystać?
Próbuje to zrobić w taki sposób jak na poniższym kodzie. W pliku o nazwie screen.png mam ikonkę do dropdowna, tylko nie wiem czemu ona się nie dodaje?
<!DOCTYPE html>
<html>
<head>
<style>
select {
margin: 40px;
background: rgba(255,255,255,0.1) url('screen.png') repeat-x 0 0;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
-webkit-appearance: none;
}
</style>
</head>
<body>
<<select>
<option val="">Please choose</option>
<option val="1">Option 1</option>
<option val="2">Option 2</option>
<option val="3">Option 3</option>
<option val="4">Option 4</option>
</select>
</body>
</html>
Natomiast jak pobieram z internetu jakoś ikonkę w ten sposó to już w tle ustawia się ta ikonka z adresu http:
<!DOCTYPE html>
<html>
<head>
<style>
select {
margin: 40px;
width: 100px;
height: 400px;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
background: url('http://www.google.com/images/srpr/nav_logo6g.png') repeat-x 0 0;
-webkit-appearance: none;
}
</style>
</head>
<body>
<<select>
<option val="">Please choose</option>
<option val="1">Option 1</option>
<option val="2">Option 2</option>
<option val="3">Option 3</option>
<option val="4">Option 4</option>
</select>
</body>
</html>