Input hover & focus styling.
This commit is contained in:
parent
ce7aa784e4
commit
e031e56563
@ -1302,10 +1302,20 @@
|
|||||||
.field {\
|
.field {\
|
||||||
border: 1px solid #CCC;\
|
border: 1px solid #CCC;\
|
||||||
box-sizing: border-box;\
|
box-sizing: border-box;\
|
||||||
|
color: #333;\
|
||||||
font: 13px sans-serif;\
|
font: 13px sans-serif;\
|
||||||
margin: 0;\
|
margin: 0;\
|
||||||
padding: 2px 4px 3px;\
|
padding: 2px 4px 3px;\
|
||||||
width: 30%;\
|
width: 30%;\
|
||||||
|
-webkit-transition: color .25s, border .25s;\
|
||||||
|
-moz-transition: color .25s, border .25s;\
|
||||||
|
-o-transition: color .25s, border .25s;\
|
||||||
|
transition: color .25s, border .25s;\
|
||||||
|
}\
|
||||||
|
.field:hover, .field:focus {\
|
||||||
|
border-color: #999;\
|
||||||
|
color: #000;\
|
||||||
|
outline: none;\
|
||||||
}\
|
}\
|
||||||
textarea.field {\
|
textarea.field {\
|
||||||
min-height: 120px;\
|
min-height: 120px;\
|
||||||
|
|||||||
@ -967,10 +967,20 @@ qr =
|
|||||||
.field {
|
.field {
|
||||||
border: 1px solid #CCC;
|
border: 1px solid #CCC;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
color: #333;
|
||||||
font: 13px sans-serif;
|
font: 13px sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 2px 4px 3px;
|
padding: 2px 4px 3px;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
|
-webkit-transition: color .25s, border .25s;
|
||||||
|
-moz-transition: color .25s, border .25s;
|
||||||
|
-o-transition: color .25s, border .25s;
|
||||||
|
transition: color .25s, border .25s;
|
||||||
|
}
|
||||||
|
.field:hover, .field:focus {
|
||||||
|
border-color: #999;
|
||||||
|
color: #000;
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
textarea.field {
|
textarea.field {
|
||||||
min-height: 120px;
|
min-height: 120px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user