[CSS]CSS实现表单 input 变select的倒三角

最新推荐文章于 2022-11-08 09:34:47 发布

iChangebaobao

最新推荐文章于 2022-11-08 09:34:47 发布

阅读量1.2k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/iChangebaobao/article/details/97623915

版权

CSS 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

css:

.triangle_border_down {
    width: 0;
    height: 0;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    position: relative;
    float: right;
    right: 10px;
    top: -22px;
    }

.triangle_border_down:hover{
   transform:rotate(90deg);
 }

html:

 <select id="brand" @change="getBrandSelected" class="layui-input" required>
		<option selected value="请选择品牌">请选择品牌</option>
		<option :value="b.id" v-for="b in brands" v-text="b.brandName"></option>
</select>
<div class="triangle_border_down"></div>