更改tabs默認樣式

.mytabs .el-tabs__item {font-size: 18px;}.mytabs .el-tabs__item:hover{color: #374795 !important;}.mytabs .el-tabs__item.is-active{color: #374795 !important;}.mytabs .is-active i{color: #374795 !important;}

更改input框默認樣式

.search_box .el-input__inner{width: 300px;} .search_box .el-input__inner:focus {border-color: #374795 !important;outline: 0;}

更改表格排序箭頭顏色

.footer .el-table .descending .sort-caret.descending{border-top-color:#374795}.footer .el-table .ascending .sort-caret.ascending {border-bottom-color: #374795; } 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的elementui更改默认样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。