Czy istnieje możliwość aby w dropdownie (selekcie) zamienić tą strzałkę niebieską na inną ikonkę?

0

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>
0

Dodam, że jak do styli dodam:

body {
  background: #000 url('screen.png');
}

to tło dla body się ustawia.

1 użytkowników online, w tym zalogowanych: 0, gości: 1