12
这是我反倒:自定义选择与字体真棒
HTML
<label class="select">
<select name="email" id="email">
<option>aaaa</option>
<option>aaaa</option>
<option>aaaa</option>
<option>aaaa</option>
<option>aaaa</option>
<option>aaaa</option>
</select>
</label>
CSS
.cforms select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select {
position:relative;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
margin-top:40px;
}
.select:after {
content: "\f0dc";
font-family: FontAwesome;
color: #000;
padding:8px;
position:relative;
right:35px;
top:0px;
background:red;
z-index:-1;
width:10%;
line-height:10%;
}
问题
其实,没有箭头出现接近我的选择。
请帮我解决这个问题。
我在网上搜索了一些例子,但是我不能使它成功。
谢谢。
'input's如'select'元素不能有伪元素AFAIK –