怎样用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的下拉按钮,和里面的箭头。不是边框也不是背景的主要内容,如果未能解决你的问题,请参考以下文章