Добавляем иконку Fontawsome, чтобы выбрать - PullRequest
Новая
       6

Добавляем иконку Fontawsome, чтобы выбрать

0 голосов
/ 19 ноября 2018

Я хочу добавить fontawsome значки внутри моего поля выбора, так как я понимаю, что это невозможно сделать обычным способом, но вам нужно добавить значки Unicode.Ведьма, я пытался.Нужны советы или указатели. 

<div class="form-group">    
    <label for="grade">Sätt betyg på ölen</label>
    <select class="form-control" name="grade">
        <option value="1">&#xf005; 1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>          
    </select>
</div>

Я попробовал ваши решения, но ничего не работает, я также попытался изменить URL-адрес на последнюю версию fontawsome, например, 

@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
select { font-family: 'FontAwesome', Verdana }

<div class="form-group">    
    <label for="grade">Sätt betyg på ölen</label>
    <select class="form-control" name="rating">
        <option value="1">&#xf005; 1</option>
        <option value="2">&#xf005; 2</option>
        <option value="3">&#xf005; 3</option>
        <option value="4">&#xf005; 4</option>
        <option value="5">&#xf005; 5</option>          
    </select>
</div>

1 Ответ

0 голосов
/ 19 ноября 2018 

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css");
select { font-family: 'FontAwesome', Verdana }
<div class="form-group">    
    <label for="grade">Sätt betyg på ölen</label>
    <select class="form-control" name="grade">
        <option value="1" >1 &#xf042</option>
        <option value="2">2 &#xf043</option>

    </select>
</div>

Юникоды могут быть найдены при нажатии на иконку: http://fontawesome.io/icons

...