請問右邊的灰色效果用什么來實現。目前我是這樣寫?<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">經濟學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="4">應用化學與生物學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="5">汽車與交通學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="6">數創學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="7">醫學技術與護理學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="8">管理學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="9">藝術設計學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="10">建筑與環境工程學院</option>? ? ? ? ? ? ? ? ? ? ? ? ? ? <option class="college_list" value="11">應用外語學院</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">創業學院</option>? ? ? ? ? ? ? ? ? ? ? ? <select> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
2 回答
幕布斯7574896
TA貢獻38條經驗 獲得超3個贊
使用appearance設置無右側圖標，然后設置一定的padding-right，最后使用background設置新圖標到右側即可：
select{
-webkit-appearance:?none;
padding-right:?10px;
background-image:url(photo.jpg);
background-size:?5px?5px;
background-position:right?center;
background-repeat:no-repeat;
}- 2 回答
- 0 關注
- 1790 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消