請問右邊的灰色效果用什么來實現(xiàn)。目前我是這樣寫?<select class="form-control" id="college_list">? ? ? ? ? ? ? ? ? ? ? ? ? ? <option value="0">您所在的學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="1">電子與通信工程學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="2">機電工程學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="3">經(jīng)濟學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="4">應(yīng)用化學與生物學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="5">汽車與交通學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="6">數(shù)創(chuàng)學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="7">醫(yī)學技術(shù)與護理學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="8">管理學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="9">藝術(shù)設(shè)計學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="10">建筑與環(huán)境工程學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="11">應(yīng)用外語學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="12">計算機學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="13">媒體與傳播學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="14">人文學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="15">創(chuàng)業(yè)學院</option>? ? ? ? ? ? ? ? ? ? ? ? <select> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
2 回答
幕布斯7574896
TA貢獻38條經(jīng)驗 獲得超3個贊
使用appearance設(shè)置無右側(cè)圖標，然后設(shè)置一定的padding-right，最后使用background設(shè)置新圖標到右側(cè)即可：
select{
-webkit-appearance:?none;
padding-right:?10px;
background-image:url(photo.jpg);
background-size:?5px?5px;
background-position:right?center;
background-repeat:no-repeat;
}添加回答
舉報
0/150
提交
取消