直接在頁面上重新定義css,或者單獨寫個css樣式檔案在element之後引入頁面,比如我不喜歡它的圓角,直接定義個css把圓角去掉
.el-input__inner, .el-checkbox__inner, .el-textarea__inner, .el-button { border-radius: 0;}
以下是我個人對Element的input進行調整的css
.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;}
直接在頁面上重新定義css,或者單獨寫個css樣式檔案在element之後引入頁面,比如我不喜歡它的圓角,直接定義個css把圓角去掉
.el-input__inner, .el-checkbox__inner, .el-textarea__inner, .el-button { border-radius: 0;}
以下是我個人對Element的input進行調整的css
.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;}