导航

邯郸专业做网站建设公司,网页设计制作,百度优化推广

网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 >

网站建设用到时select选择框如何去掉默认的下拉箭头?


来源:邯郸煜阳网络公司  时间:2021-07-14 09:41    
网站建设用到时select选择框如何去掉默认的下拉箭头?经验丰富的网站建设工作人员有时也会遇到网站建设用到时select选择框去掉默认的下拉箭头的问题,下面我们煜阳网络公司的相关人员给大家整理出民以下内容,希望能帮助到各同行的做网站的朋友吧。

select下拉框有一个下拉箭头样式,可以使用appearance-ms-expand去掉这个样式。

代码如下:

.not-arrow{

padding: 5px 10px;

border:1px solid #dcd8d8;

-webkit-appearance:none;

-moz-appearance:none;

appearance:none; /*去掉下拉箭头*/

/*在选择框的最右侧中间显示小箭头图片*/
background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

}

/*清除ie的默认选择框样式清除,隐藏下拉箭头*/

.not-arrow::-ms-expand { display: none; }


专业网站建设15
网站制作热线:133-6303-9260
总部地址:邯郸市义乌小商品批发城15楼09号
网站建设专线:0310-3208323
微信营销专线:1336-3039260
官方网站:www.alisoho.net

煜阳科技客服QQ
邯郸煜阳科技微信公众号
微信公众号扫一扫微信号:yywlkj2017
提供您的网站制作需求
欢迎与我们洽谈网站建设业务,您也可以在下面提交您的网站制作需求
我们将竭诚为您服务!
如何称呼:
联系方式:
联系地址:
建站需求: