Cleanup on inputs:

* Remove the !important from checkbox and radio border color
* Remove the redundant #wpbody select rule
* Add checkbox and radio inputs to the standard :focus style rules for inputs
* Remove custom border and box shadow styles from .login inputs
* Don't remove the default outline from select elements since webkit doesn't allow borders on selects

Fixes #26120.



git-svn-id: https://develop.svn.wordpress.org/trunk@26289 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas
2013-11-20 16:53:05 +00:00
parent 863cec8252
commit a63545e92b
2 changed files with 8 additions and 23 deletions

View File

@@ -30,7 +30,7 @@ html {
input[type=checkbox],
input[type=radio] {
background: #fff;
border-color: #bbb !important;
border-color: #bbb;
color: #555;
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
@@ -52,10 +52,6 @@ input[type=radio]:checked:before {
background-color: #1e8cbe;
}
#wpbody select {
border-color: #bbb;
}
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #2ea2cc;
@@ -299,8 +295,10 @@ input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus {
border-color: #aaa;
border-color: #999;
}
input:disabled,
@@ -2016,13 +2014,7 @@ a .mceIcon:hover {
.login form .input,
.login input[type="text"],
.login form input[type="checkbox"] {
border-color: #ddd !important; /* Override !important in checkbox style */
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
}
.login form input[type="checkbox"] {
background-color: #fbfbfb;
background: #fbfbfb;
}
.login form {

View File

@@ -413,7 +413,6 @@ input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
select,
textarea,
div {
outline: 0;
@@ -883,6 +882,8 @@ input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
@@ -8496,19 +8497,11 @@ a.rsswidget {
.login form .input,
.login input[type="text"] {
color: #555;
font-size: 24px;
line-height: 1;
width: 100%;
padding: 3px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
outline: none;
-webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
margin: 2px 6px 16px 0;
}
.login #pass-strength-result {