提交 c71f834c 编写于 作者: LUCIFER-ZHU's avatar LUCIFER-ZHU

update: 更新样式

上级 9f92a4e2
...@@ -8,6 +8,9 @@ ...@@ -8,6 +8,9 @@
.el-input__inner:hover{ .el-input__inner:hover{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
} }
&.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue);
}
//聚焦 //聚焦
.el-input__inner:focus { .el-input__inner:focus {
box-shadow: 0 0 2px 0px #188ce5; box-shadow: 0 0 2px 0px #188ce5;
...@@ -21,4 +24,8 @@ ...@@ -21,4 +24,8 @@
color: var(--app-color-gray-200); color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250); background-color: var(--app-color-gray-250);
} }
// 后缀图标
.el-input__suffix{
color: var(--app-color-gray-200);
}
} }
\ No newline at end of file
.el-select{ .el-select{
// 悬浮 // 悬浮 select会压住input本身的
&:hover .el-input__inner{ &:hover .el-input__inner{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
} }
.el-input.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue);
}
} }
\ No newline at end of file
.ivu-dropdown{
.ivu-dropdown-rel .ivu-input-wrapper{
// 后缀图标
.ivu-input-suffix{
right: 5px;
i{
color: var(--app-color-gray-200);
}
}
}
}
\ No newline at end of file
...@@ -3,3 +3,4 @@ ...@@ -3,3 +3,4 @@
@import './checkbox-group.scss'; @import './checkbox-group.scss';
@import './select.scss'; @import './select.scss';
@import './input.scss'; @import './input.scss';
@import './dropdown.scss';
\ No newline at end of file
...@@ -2,4 +2,20 @@ ...@@ -2,4 +2,20 @@
min-height: 34px; min-height: 34px;
line-height: 34px; line-height: 34px;
border-radius: 0; border-radius: 0;
// 悬浮
&:hover{
border-color: var(--app-color-blue);
}
&[disabled]:hover{
border-color: var(--app-color-blue);
}
// 占位
&::-webkit-input-placeholder{
color: var(--app-color-gray-200);
}
// 禁用
&.ivu-input-disabled{
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
}
} }
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册