test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-12-02 03:58:05 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: input style issue #3089

Browse Source
This commit is contained in:
tangjinzhou 2020-11-02 22:37:24 +08:00
parent 0302908cb0
commit 26779d6367
1 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
components/form/style/mixin.less
View File

@ -10,16 +10,27 @@
.@{ant-prefix}-input-affix-wrapper {
&,
&:hover {
background-color: @background-color;
border-color: @border-color;
}
&:focus {
&:focus,
&-focused {
.active(@border-color);
}
}
&:not([disabled]):hover {
border-color: @border-color;
.@{ant-prefix}-input {
&:not(&-disabled) {
background-color: @background-color;
}
}
.@{ant-prefix}-input-affix-wrapper {
&:not(&-disabled) {
background-color: @background-color;
}
input:focus {
box-shadow: none !important;
}
}
@ -27,32 +38,12 @@
.active(@border-color);
}
// Input prefix
.@{ant-prefix}-input-affix-wrapper {
.@{ant-prefix}-input {
&,
&:hover {
background-color: @background-color;
border-color: @border-color;
}
&:focus {
.active(@border-color);
}
}
&:hover .@{ant-prefix}-input:not(.@{ant-prefix}-input-disabled) {
border-color: @border-color;
}
}
.@{ant-prefix}-input-prefix {
color: @text-color;
}
.@{ant-prefix}-input-group-addon {
color: @text-color;
background-color: @background-color;
border-color: @border-color;
}