如何修改Element-UI的input样式

最新推荐文章于 2024-09-23 16:21:13 发布

揣手手了

最新推荐文章于 2024-09-23 16:21:13 发布

阅读量7.4k

点赞数

分类专栏： element-ui

本文链接：https://blog.csdn.net/weixin_43412413/article/details/100142916

版权

element-ui 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

.el-input__inner {
    height: 33px;
    font-size: 13px;
    box-shadow: none;
    border: 1px solid #e9e9e9;
}
 
.el-input__inner:hover {
    border-color: #e9e9e9;
}
 
.el-input__inner:focus {
    border-color: #42a5f5;
    box-shadow: none;
    transition-duration: .5s;
}
 
.el-input__inner::-webkit-input-placeholder {
    line-height: 20px;
}
 
.el-input__inner, .el-checkbox__inner, .el-textarea__inner, .el-button {
    border-radius: 0;
}