Как использовать шрифт-внушительный значок внутри <option> - PullRequest
Новая
       4

Как использовать шрифт-внушительный значок внутри <option>

0 голосов
/ 18 мая 2019

Я пытался вставить непонятные Gender Icons внутри тега option и изменить цвет значков, я перепробовал все возможные предложения в сети, но не могу понять. вот код 

function listGender($sex){
    global $lang;
    $list = '';
    $list .= '<option ' . selCurrent($sex, 1) . ' value="1">' . $lang['male'] . '</option>';
    $list .= '<option ' . selCurrent($sex, 2) . ' value="2">' . $lang['female'] . '</option>';
    $list .= '<option ' . selCurrent($sex, 3) . ' value="3">' . $lang['other'] . '</option>';
    return $list;
}

Может кто-нибудь направить меня, пожалуйста.

1 Ответ

0 голосов
/ 18 мая 2019

Внутри тега <<strong> option > вы не можете использовать тег <<strong> i >, поэтому в этом случае вы должны использовать уни-код значков fa (приведенный на шрифт потрясающий сайт ).

Вы должны указать семейство шрифтов <<strong> option > как FontAwesome , а затем указать юникод, как показано ниже: 

<option style=" font-family: 'FontAwesome';" value="male">&#xf183;</option>

Для полного кода:Вы можете запустить ниже HTML и проверить: 

<html>
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>

<body>

<select>
    <option  value="left">Select</option>
    <option style=" font-family: 'FontAwesome';" value="male">&#xf183;</option>
    <option style=" font-family: 'FontAwesome';" value="female">&#xf182;</option>
</select>

</body>
</html>
...