--el-input-hover-border-color:#1e2230; --el-input-clear-hover-color:#1e2230; --el-input-focus-border-color:#1e2230; --el-input-width:100%; } :deep(.el-select) {--el-select-border-color-hover: #1e2230;--el-select-disabled-border: #1e2230;--el-select-font-size:var(--el-font...
//el-input聚焦的时候 外层的border会有一个样式 /deep/ .el-select .el-input.is-focus .el-input__inner{ border:0px; } //修改的是el-input上下的小图标的颜色 /deep/ .el-select .el-input .el-select__caret{ color:#fff; } //修改总体选项的样式 最外层 /deep/ .el-select-dropdown{ bac...
外层的border会有一个样式 /deep/ .el-select .el-input.is-focus .el-input__inner{ border: 0px; } //修改的是el-input上下的小图标的颜色 /deep/ .el-select .el-input .el-select__caret{ color:#fff; } //修改总体选项的样式 最外层 /deep/ .el-select-dropdown{ background-color: #0816...
line-height: 22px; } /deep/ .el-select .el-input.is-focus .el-input__inner{ border-color: rgba(238, 166, 53, 1); } /deep/ .el-select .el-input__inner:focus{ border-color: rgba(238, 166, 53, 1); }、 /deep/ .el-select .el-input.is-focus .el-input__inner{ border-col...
1. input : .el-input { .el-input__inner { &:focus { border-color: @primaryColor; } &::selection{ // 时间选择器的样式 ==》 在时间选择器上移动时 对应的时分秒增加背景色 background-color: @primaryColor; color: @btnPlainColor; } } } 2. button : .el-button { &:active { colo...
border-color: var(--select-checkbox-hover-border); background-color: transparent; } &.selected::after { border-color: var(--select-checkbox-bg); } } &.is-multiple .el-select-dropdown__list .el-select-dropdown__item { &::after { ...
$focus_color:#3296E1;.statictis-select{/deep/.el-input__inner{background-color:#112E49;color:#ffffff}.el-input__inner{border-color:$focus_color;}&:hover.el-input__inner{border-color:$focus_color;}&-popper{border:1px solid$focus_color;border-radius:4px;overflow:hidden;&[x-placement^=...
e:'input',value:string|number):void(e:'change',value:string|number):void(e:'select',option:...
$--border-color-base: #dcdfe6 !default; $--border-color-light: #e4e7ed !default; $--border-color-lighter: #ebeef5 !default; $--border-color-extra-light: #f2f6fc !default; $--border-color-hover: $--color-text-placeholder !default; $--border-base: $--border-width-base ...
}.el-button--primary.is-plain:active,.el-button.is-plain:focus,.el-button.is-plain:hover{color:#fff;background-color: $frontNormalColor;b{color:#fff; } } }.checkmore{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1pxsolid#E4E4E4;.el...