发布时间:2024-01-11 15:00
要求定制element-ui选择框Select,需求为增加一根竖线,原始样式为如图,通过打开f12查看样式,做如下调整
修改后效果:
//html
//sass
$px: 1vh;
$hpx: 1vh;
$wpx: 1vw;
* {
margin: 0;
padding: 0;
}
.hello {
height: 88 * $hpx;
width: 96%;
margin: 0 auto;
background-color: silver;
padding: 4 * $px;
//自适应长宽,与背景颜色
.el-input__inner {
height: 6 * $hpx;
width: 14 * $wpx;
background-color: wheat;
}
//新增线条
.el-input__suffix {
border-left: 1px solid white;
}
修改图标样式与自适应大小
.el-select .el-input .el-select__caret {
color: green;
font-size: 1.6 * $px;
}
}
java Map接口子类HashMap遍历与LinkedHashMap详解
2022年1月国产数据库排行榜:TOP10中4款产品得分再创新高
Redis中ServiceStack.Redis和StackExchange.Redis区别详解
SpringBoot - Redis缓存 - 注解@Cacheable、@CacheEvict、@CachePut 使用示例详解
友浩达CTO、华为云MVP张善友:基于Kubernetes与Dapr打造云原生应用
【算法】【回溯】两道经典排列问题OJ详解【力扣46 力扣47】【超详细的回溯算法教程】让我们牢牢把握回溯的精髓
Mybatis+Servlet+Mysql 整合的一个小项目:对初学者非常友好,有助于初学者很快的上手Java Web
Apple HomeKit, Amazon Alexa 和Google Home选哪个?