Question

我试图在选项标签中插入fontawsome性别图标并更改图标的颜色，我尝试了所有可能的建议，但我无法弄清楚。这是代码

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;
}

有人可以引导我吗？

Answer 1

在选项>标签内，您不能使用<< strong> i >标签，因此，在这种情况下，您必须使用fa图标的统一编码（{ {3}}）。

您必须将 option >的字体家族提到为 FontAwesome ，然后提供如下所示的unicode：

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

如何在<option>中使用超棒的字体图标

1 个答案: