Changeset 22899

Timestamp:

11/28/2012 06:17:38 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Twelve: change form input selectors to only reset non-textual input types, allowing for broader support for newer HTML5 input types. Also add better button support. Fixes #20579.

File:

• trunk/wp-content/themes/twentytwelve/style.css (modified) (4 diffs)

trunk/wp-content/themes/twentytwelve/style.css

@@ -203 +203 @@
 }
 
+/* Form fields, general styles first */
+button,
+input,
+textarea {
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    font-family: inherit;
+    padding: 6px;
+    padding: 0.428571429rem;
+}
+button,
+input {
+    line-height: normal;
+}
+textarea {
+    font-size: 100%;
+    overflow: auto;
+    vertical-align: top;
+}
+
+/* Reset non-text input types */
+input[type="checkbox"],
+input[type="radio"],
+input[type="file"],
+input[type="hidden"],
+input[type="image"],
+input[type="color"] {
+    border: 0;
+    border-radius: 0;
+    padding: 0;
+}
+
 /* Buttons */
 .menu-toggle,
 input[type="submit"],
+input[type="button"],
+input[type="reset"],
 article.post-password-required input[type=submit],
 li.bypostauthor cite span {
@@ -227 +261 @@
 }
 .menu-toggle,
+button,
 input[type="submit"],
-article.post-password-required input[type=submit] {
+input[type="button"],
+input[type="reset"] {
     cursor: pointer;
 }
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
 .menu-toggle:hover,
+button:hover,
 input[type="submit"]:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover,
 article.post-password-required input[type=submit]:hover {
     color: #5e5e5e;
@@ -245 +288 @@
 .menu-toggle:active,
 .menu-toggle.toggled-on,
+button:active,
 input[type="submit"]:active,
-article.post-password-required input[type=submit]:active,
-input[type="submit"].toggled-on {
+input[type="button"]:active,
+input[type="reset"]:active {
     color: #757575;
     background-color: #e1e1e1;
@@ -267 +311 @@
     box-shadow: none;
     padding: 0;
-}
-
-/* Form fields */
-input[type="text"],
-input[type="password"],
-input[type="email"],
-input[type="url"],
-textarea {
-    padding: 6px;
-    padding: 0.428571429rem;
-    font-family: inherit;
-    border: 1px solid #ccc;
-    border-radius: 3px;
 }