如何删除选择框的所有边框？
如何删除选择框的所有边框？
提问于 2015-06-22 07:19:55
如何使用selectbox或Jquery删除css的所有边框？
我的密码
<select id="doctor_ch">
<option value="1" selected>One</option>
<option value="2">Two</option>
</select>CSS
#doctor_ch{
background-color: #88AFF2;
color:#fff;
margin-top: 15px;
}当我使用此代码时，它只更改箭头样式。我想移除箭头背景too.How，我可以删除它吗？
目前的结果，
预期结果，
小提琴
我该怎么做？
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-06-22 07:23:48
Firefox在select背景上有一些问题。您可以尝试此代码-它将删除箭头，然后您可以添加一个背景图像与您的箭头(我从谷歌搜索的图标，只是把你的图标)
我在FireFox上得到了这个信息(您可以使用任意箭头图标)：
#doctor_ch{
background: url('http://s4.postimg.org/5yxladijd/icon_sort_down.gif') no-repeat right #88AFF2;
color:#fff;
padding-right:15px;
margin-top: 15px;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
}<select id="doctor_ch">
<option value="1" selected>One</option>
<option value="2">Two</option>
</select>
Stack Overflow用户
发布于 2015-06-22 07:39:25
试试看
背景颜色：#88AFF2；color:#fff；边缘顶部:15 0px；边框:0 0px；
Stack Overflow用户
发布于 2015-06-22 07:26:58
你可以像这样改变css
#doctor_ch{
background-color: #88AFF2;
color:#fff;
margin-top: 15px;
-webkit-appearance:none;
}
并使用css为#doctor_ch:after添加三角形
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30974083
复制相关文章
相似问题
腾讯云开发者
