Commit bfa4897c authored by 刘安琪's avatar 刘安琪

修改input样式

parent d0f8b28b
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
@include e(inner) { @include e(inner) {
display: block; display: block;
resize: vertical; resize: vertical;
padding: 5px 15px; padding: 5px 8px;
line-height: 1.5; line-height: 1.5;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
height: $--input-height; height: $--input-height;
line-height: $--input-height; line-height: $--input-height;
outline: none; outline: none;
padding: 0 15px; padding: 0 8px;
transition: $--border-transition-base; transition: $--border-transition-base;
width: 100%; width: 100%;
...@@ -131,6 +131,7 @@ ...@@ -131,6 +131,7 @@
&:focus { &:focus {
outline: none; outline: none;
border-color: $--input-focus-border; border-color: $--input-focus-border;
box-shadow: 0 2px 3px rgba(8,133,198,0.2);
} }
} }
...@@ -161,7 +162,7 @@ ...@@ -161,7 +162,7 @@
@include e(icon) { @include e(icon) {
height: 100%; height: 100%;
width: 25px; width: 17px;
text-align: center; text-align: center;
transition: all .3s; transition: all .3s;
line-height: $--input-height; line-height: $--input-height;
...@@ -278,16 +279,17 @@ ...@@ -278,16 +279,17 @@
} }
@include e((append, prepend)) { @include e((append, prepend)) {
background-color: $--background-color-base; background-color: $--background-color-lighter;
color: $--color-info; color: $--color-text-regular;
vertical-align: middle; vertical-align: middle;
display: table-cell; display: table-cell;
position: relative; position: relative;
border: $--border-base; border: $--border-base;
border-radius: $--input-border-radius; border-radius: $--input-border-radius;
padding: 0 20px; padding: 0 8px;
width: 1px; width: 1px;
white-space: nowrap; white-space: nowrap;
font-size: 12px;
&:focus { &:focus {
outline: none; outline: none;
...@@ -304,14 +306,13 @@ ...@@ -304,14 +306,13 @@
div.el-select:hover .el-input__inner { div.el-select:hover .el-input__inner {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
color: inherit; color: $--color-text-regular;
border-top: 0; border-top: 0;
border-bottom: 0; border-bottom: 0;
} }
.el-button, .el-button,.el-input {
.el-input { font-size: 14px;
font-size: inherit;
} }
} }
...@@ -325,6 +326,12 @@ ...@@ -325,6 +326,12 @@
border-left: 0; border-left: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
&:hover{
border-color: $--color-primary-hover;
background-color: $--color-default-hover;
color: $--color-primary-hover;
}
} }
@include m(prepend) { @include m(prepend) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment