【用css怎么实现不用图片实现定制箱下拉框中一样的 _表单元素 】 | IT修真院·坑乎
问题已收录 用css怎么实现不用图片实现定制箱下拉框中一样的
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(2)
表单元素
详细描述
截图
代码
编辑于2021-09-24
  • [深圳|结业弟子]JS-许永坚
    0

    用select制作下拉菜单,再清除掉默认的倒三角样式,再载入自己需要的图片。

    教程:http://ourjs.com/detail/551b9b0529c8d81960000007

    编辑于2018-04-13
  • [西安|荣耀师兄]UI-阮少凡
    0

    那当然是使用select自己制作下拉菜单啦,清除掉默认样式,然后添加背景图片,自己设置下拉菜单的内容就行了

    select {

    border: solid 1px #000;
       /**很关键:将默认的select选择框样式清除*/
       appearance:none;
       -moz-appearance:none;
       -webkit-appearance:none;
       /*在选择框的最右侧中间显示小箭头图片*/
       background: url(../img/task10/xl.png) no-repeat scroll right center transparent;
       /*为下拉小箭头留出一点位置,避免被文字覆盖*/
       padding-right: 2rem;}
    /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
      /*select.sty1::-ms-expand { display: none; }*/


    编辑于2019-01-05