Better focus styles for form elements in the admin. These are purposefully not keyed to admin color schemes, as different colors could communicate a state like an error as opposed to focus. props celloexpressions. fixes #27173.
git-svn-id: https://develop.svn.wordpress.org/trunk@27741 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
d712de8d2f
commit
5af1c7497d
@ -35,6 +35,8 @@ input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
||||
-webkit-transition: .05s border-color ease-in-out;
|
||||
transition: .05s border-color ease-in-out;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label:before {
|
||||
@ -214,16 +216,14 @@ select {
|
||||
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
-webkit-transition: .05s border-color ease-in-out;
|
||||
transition: .05s border-color ease-in-out;
|
||||
}
|
||||
|
||||
select[disabled] {
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
select:focus {
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
@ -235,9 +235,9 @@ input[type="url"]:focus,
|
||||
input[type="checkbox"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
select:focus {
|
||||
border-color: #999;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
border-color: #5b9dd9;
|
||||
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
|
||||
box-shadow: 0 0 2px rgba(30,140,190,0.8);
|
||||
}
|
||||
|
||||
input[readonly] {
|
||||
|
Loading…
x
Reference in New Issue
Block a user