From 1be44f3b2a79af5d463c7ea0264fee0e6fa464ca Mon Sep 17 00:00:00 2001 From: necolas Date: Wed, 25 May 2011 22:54:43 +0100 Subject: [PATCH] Add -webkit-appearance:button to clickable input types, fixes inability to style them in iOS. Remove input[type=image] as it already receives a pointer cursor and should not receive button appearance --- normalize.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/normalize.css b/normalize.css index 76f9687..dc2260a 100644 --- a/normalize.css +++ b/normalize.css @@ -304,7 +304,7 @@ textarea { /* * 1. Define consistent line-height as 'normal' * FF3/4 set it using !important in the UA stylesheet - * 2. Fixes spacing displayed oddly in IE6/7 + * 2. Fix spacing displayed oddly in IE6/7 */ button, @@ -314,7 +314,7 @@ input { } /* - * Fixes inner padding and border displayed in FF3/4 + * Fix inner padding and border displayed in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ @@ -325,16 +325,18 @@ input::-moz-focus-inner { } /* - * Display hand cursor for clickable form elements in all browsers except IE6. - * Improves usability and fixes inconsistent cursor style between type=image and other types + * 1. Display hand cursor for clickable form elements in all browsers except IE6. + * Improves usability and consistency of cursor style between image-type and others + * 2. Define consistent appearance for clickable form elements + * Fixes inability to style clickable types in iOS */ input[type="button"], -input[type="image"], input[type="reset"], input[type="submit"], button { - cursor: pointer; + cursor: pointer; /* 1 */ + -webkit-appearance: button; /* 2 */ } /*