去除下拉框上向下的箭头

一般情况下下拉框都会有一个向下的小箭头，例如：

如何去除这个小箭头呢？

select {/*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;//这三个就已经去掉了小箭头/*在选择框的最右侧中间显示小箭头图片*/background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll     right center transparent;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

参考：https://www.cnblogs.com/lsy26/p/5840860.html

去除下拉框上向下的箭头相关推荐

Easyexcel生成excel并通过自定义注解实现下拉框以及动态下拉框(将数据库中的数据显示在excel下拉框中)
首先需要定义excel实体类 @Data @ColumnWidth(22) @HeadRowHeight(30) public class ExcelProductDTO {//动态下拉框,可以查询数 ...
隐藏原生select下拉框的向下箭头▼
select {appearance: none;/*隐藏原生select下拉框的向下箭头▼*/ }
抖音下拉框中的下拉词是怎么出来的？
疑问:抖音下拉框中的下拉词是怎么出来的? 抖音下拉词展示设想抖音下拉设想验证抖音下拉词出现思路总结抖音下拉词展示设想昔年认为,抖音下拉词框中的下拉词出现与否,是根据关注热度去生成的,如果某一个 ...
html下拉框怎么默认选中,select获取下拉框的值下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: 数字1 数字2 $("#numbers option:selected").val( ...
jquery 将下拉框重置_select下拉框之默认选项清空
最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...
winform 下拉框（自定义下拉框控件）
项目中遇到需要下拉框列表内容为线类型或点类型图形的需求,想到可以使用手绘线条和图形的方式来实现下拉列表内容自定义,记录下来供大家参考学习之用. 在项目中添加一个组件添加完之后会显示如下设计界面这里 ...
jquery可以勾选的下拉框_jquery.chosen下拉框多选插件使用详解_蓝戒的博客
Chosen 是一个支持jquery的selec t下拉框美化插件,它能让丑陋的.很长的selec t选择框变的更好看.更方便.不仅如此,它更扩展了selec t, 增加了自动筛选的功能.它可对列表 ...
走向云：京东下拉框优化，下拉词的原理是什么？
京东搜索下拉框优化可以说是京东品牌曝光成本最低.用户渠道推广的一大亮点.下拉框中品牌展示的位置更直观.在主搜索界面,被关键词搜索吸引的用户也是非常精准的用户,效果非常好. 顾名思义,搜索下拉列表是指在 ...
php怎么设置学年下拉框_php的下拉框的值
Joomla的15种字段类型是什么? Joomla现在有了自定义字段,可以添加到文章.用户配置文件和联系人表单中. 这是自Joomla 3发布以来最重要的新功能之一,它将改变许多Joomla站点的构建 ...

去除下拉框上向下的箭头

去除下拉框上向下的箭头相关推荐

最新文章

热门文章