将 Font Awesome 图标添加到选择下拉选项
您的目标是将插入符号向下图标合并到选择元素的第一个选项中,如下所示如下图所示。但是,您无法在示例小提琴中渲染图标。
让我们探索如何纯粹使用 CSS 来实现此目的:
要在选择下拉列表中显示 Font Awesome 图标,请利用 Unicode交涉。例如,使用 显示插入符号向下图标:
1 2 3 | select {
font-family: "FontAwesome" , "Second Font Name" ;
}
|
登录后复制
1 2 3 4 5 6 7 8 | <link href= "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel= "stylesheet" />
<select>
<option>Hi, </option>
<option>Hi, </option>
<option>Hi, </option>
<option>Hi, </option>
<option>Hi, </option>
</select>
|
登录后复制
以上是如何仅使用 CSS 添加 Font Awesome 图标来选择下拉选项?的详细内容。更多信息请关注PHP中文网其他相关文章!