select去掉默认样式;select去掉下拉箭头

 时间:2024-10-12 19:25:41

1、打开html开发工具,创建一个html代码页面

select去掉默认样式;select去掉下拉箭头

3、设置去掉下拉箭头样式。通过使用appearance、-ms-expand去掉select的下拉箭头样式代码:.not-arrow{ padding: 5px 10px; border:1px solid #dcd8d8; -webkit-appearance:none; -moz-appearance:none; appearance:none; /*去掉下拉箭头*/ } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ .not-arrow::-ms-expand { display: none; }

select去掉默认样式;select去掉下拉箭头

5、保存html代码页面,然后使用浏览器打开,即可看到select已没有下拉的箭头

select去掉默认样式;select去掉下拉箭头
  • HTML、CSS3怎么制作渐变边框
  • jquery获取对象属性值的方法?
  • js如何让input的边框加粗
  • 如何在js里设置元素为浮动属性
  • 如何让span居中
  • 热门搜索
    山东旅游职业学院吧 旅游贴吧 旅游对经济的影响 端午节去哪里旅游 厦门大学旅游攻略 龙门铁泉旅游度假区 郑州好玩的旅游景点 盘锦红海滩旅游攻略 大邑旅游 海口旅游景点介绍