怎样用CSS美化select的下拉按钮,和里面的箭头。不是边框也不是背景

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用CSS美化select的下拉按钮,和里面的箭头。不是边框也不是背景相关的知识,希望对你有一定的参考价值。

不是背景色是边框和箭头

参考技术A 先给select加个div容器,然后给div设置overflow:hidden,把div的宽度调节到刚好把select的箭头隐藏,然后给div价格想要的箭头图,设置norepeat right,边框的话用border属性试试

css3怎样去掉select中三角箭头的背景

用插件:select2.js 百度搜索那个名字即可,现在基本是最好用的下拉组件。
原理就是将原来的select隐藏,用新的div构建一个下拉菜单,遮盖在原来的位置。

自己做的话,可以试试在select上覆盖一个div层,用绝对定位。然后把select的透明度opacity写为0.01,不能为0,然后点击那个层,就相当与点击了那个select,div写什么就由你定了。
参考技术A 你好 select的箭头样式不能改变,但可以用js模拟类似功能;

以上是关于怎样用CSS美化select的下拉按钮,和里面的箭头。不是边框也不是背景的主要内容,如果未能解决你的问题,请参考以下文章

怎样用 CSS + JS 美化网页中的 select 下拉框

css3怎样去掉select中三角箭头的背景

CSS3美化表单控件

Jquery制作--美化下拉框

美化下拉框select箭头部分(不彻底)

提问:怎样实现点击一个按钮弹出下拉列表