[英]CSS Fontawesome Icon Click able in IE 10
I had added Fontawesome Icon in css to display it in select Dropdown Now I am not able to click the Fontawesome Icon in IE 10 can any one know how to solve this 我已经在css中添加了Fontawesome图标,以在选择下拉列表中显示它,现在我无法单击IE 10中的Fontawesome图标,任何人都知道如何解决这个问题
HTML HTML
<div class="select">
<select>
<option value="">Order By</option>
<option value="1">ID</option>
<option value="2">Details</option>
</select>
</div>
CSS CSS
.select {
position: relative
}
.select select {
-webkit-appearance: none;
-webkit-border-radius: 0px;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: #e5e5e5;
height: 30px;
padding: 0 20px;
width: 100%;
position: relative;
margin-bottom: 0;
}
.select select::-ms-expand {
display: none;
}
.select:after {
content: '\f0d7';
font-family: 'FontAwesome';
font-size: 16px;
color: #000;
position: absolute;
right: 15px;
top: 6px;
pointer-events: none;
}
If you want to have the icons
beside your existing elements in the dropdown, you have to include that you want them next to your HTML elements. 如果要在下拉菜单中的现有元素旁边放置icons
,则必须在HTML元素旁边添加icons
。 Meaning, you have to add the specific FontAwesome icon
next to your dropdown element for it to display. 这意味着,必须在下拉元素旁边添加特定的FontAwesome icon
才能显示。 If that was your question. 如果那是你的问题。
Like this; 像这样; <option value=""><i class="fa fa-your-content"></option>
. <option value=""><i class="fa fa-your-content"></option>
。
Else it won't display no matter how hard you try. 否则,无论您如何努力,它都不会显示。
Additionally, have you linked to the FontAwesome source or CDN ? 此外,您是否已链接到FontAwesome源或CDN ? Because without the source code, you can't display any of the customized elements. 因为没有源代码,您将无法显示任何自定义元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.