Changeset 46339

Timestamp:

09/28/2019 04:34:43 PM (5 years ago)

Author:

afercia

Message:

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

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

File:

• trunk/src/wp-admin/css/forms.css (modified) (1 diff)

trunk/src/wp-admin/css/forms.css

@@ -341 +341 @@
 }
 
+.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;