php - 如何在里面使用 font-awesome 图标
问题描述
我试图在选项标签中插入 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;
}
有人可以指导我吗?
解决方案
在 < option > 标签内你不能使用 < i > 标签,所以在这种情况下你必须使用 fa 图标的 uni-code(在font awesome website给出)。
您必须将 < option >的字体家族提及为FontAwesome,然后提供 unicode,如下所示:
<option style=" font-family: 'FontAwesome';" value="male"></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"></option>
<option style=" font-family: 'FontAwesome';" value="female"></option>
</select>
</body>
</html>
推荐阅读
- flutter - 如何更新对象的属性
- pandas - 在 groupby 中的每个 id 的末尾添加缺少的行
- ios - Places SDK for iOS 和 Places API 在限制选项下有什么区别?
- vb.net - 如何在vb中检测多个kye press
- python - Python:如何使用带有 scipy.optimize.minimize 的元组
- angular - ng-reflect-model 显示不正确的值,但输入是正确的
- azure - Powershell Azure New-AzVirtualNetworkSubnetConfig 重大更改?
- mysql - mysql 查询慢,可能是由于 find_in_set 函数
- single-sign-on - 如何使用 AWS amplify 将电子邮件地址传递给 Auth.federatedSignIn
- python - 当 LIKE 变量/模式可以更改时如何向 SQL 查询(?,'%?%',...)