Accessibility: Improve and modernize user interface controls. Style the select elements disabled state.

Props adhitya03, MarcosAlexandre, kjellr.
See #47477.
Fixes #48129.


git-svn-id: https://develop.svn.wordpress.org/trunk@46339 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2019-09-28 16:34:43 +00:00
parent d47627d555
commit 8408e42de9
1 changed files with 13 additions and 0 deletions

View File

@ -340,6 +340,19 @@ input[type="radio"].disabled:checked:before {
box-shadow: none;
}
.wp-admin select.disabled,
.wp-admin select:disabled {
color: #a0a5aa;
border-color: #ddd;
background-color: #f7f7f7;
/* The SVG is arrow-down-alt2 from Dashicons. */
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
box-shadow: none;
text-shadow: 0 1px 0 #fff;
cursor: default;
transform: none;
}
.wp-admin .button-cancel {
padding: 0 5px;
line-height: 2;