【如何下拉框的三角形放大。 _表单元素 】 | IT修真院·坑乎
问题已收录 如何下拉框的三角形放大。
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(3)
表单元素
详细描述
截图
代码
编辑于2021-09-23
  • [成都|荣耀师兄]JS-胡力耘
    0

    用CSS代码直接写一个三角形上去,不要采用图片。

    可以使用bootstrap中的caret属性。

    <div class="caret"></div>

    打开开发者工具查看这个小三角的CSS写法,可以看到bootstrap中这样写道

    1. displayinline-block;
    2.    width0;
    3.    height0;
    4.    margin-left2px;
    5.    vertical-alignmiddle;


    将4px改为其他更大的数值,就可以使小三角变大。这里改为8px,特别要注意,画三角形的div的width和height属性都是0

    还可以自行百度一下其他基本形状的CSS写法。

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

    你这三角形是从ps上切下来的图直接用的吧。使用bootstrap中的caret属性。<div class="caret"> </div>

    .caret {
    width: 0;
    height: 0;
    border: 30px solid;
    /*transparent表示通透明,顺序为:上-右-下-左*/
       border-color: transparent transparent transparent #ffff00;
    position: absolute;
    right: 6rem;
    }

    感觉这个更简单.可以自己定义三角形的方向.

    编辑于2018-11-24
  • [无名弟子]JS-柳桐
    0

    三角形需要自己写的,所以它的大小也就取决于你给它的三条边所设置的值。

    编辑于2018-12-22