Comments on: WebKit-Specific Style: -webkit-appearance http://davidwalsh.name/webkit-appearance Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Thu, 09 Feb 2012 07:54:33 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Khttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-27622 K Wed, 16 Nov 2011 21:15:27 +0000 http://davidwalsh.name/?p=4999#comment-27622 Work on mobile for iphone/ipad ... you'll find uses a-plenty for -webkit-appearance Work on mobile for iphone/ipad … you’ll find uses a-plenty for -webkit-appearance

]]> By: Khttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-27621 K Wed, 16 Nov 2011 21:15:05 +0000 http://davidwalsh.name/?p=4999#comment-27621 work on mobile for ipad/iphone ... you'll find uses a-plenty for -webkit-appearance work on mobile for ipad/iphone … you’ll find uses a-plenty for -webkit-appearance

]]> By: Danzhttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-19170 Danz Thu, 05 Aug 2010 05:09:19 +0000 http://davidwalsh.name/?p=4999#comment-19170 @RussellUresti: Curious, i cannot seem to get -moz-appearance to in any shape or form, it seems to retain whatever the element is... or is this only as -webkit-appearance can be used on spans and divs, can only be used other than form elements??? @RussellUresti: Curious, i cannot seem to get -moz-appearance to in any shape or form, it seems to retain whatever the element is… or is this only as -webkit-appearance can be used on spans and divs, can only be used other than form elements???

]]> By: thebadteenhttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-18999 thebadteen Sat, 24 Jul 2010 10:49:27 +0000 http://davidwalsh.name/?p=4999#comment-18999 @David Walsh: How can i get webkit working in firefox and ie? @David Walsh: How can i get webkit working in firefox and ie?

]]> By: RussellUrestihttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-18837 RussellUresti Fri, 16 Jul 2010 15:49:29 +0000 http://davidwalsh.name/?p=4999#comment-18837 Yeah, this thing acts as the gatekeeper for input styles -- especially on the iPhone. I couldn't get a box-shadow to apply to an input type=text, so I just set the -webkit-appearance to default-button, and boom, it worked. Same with checkboxes and radio buttons, couldn't get custom styles like border-radius and background-gradients going, but set the type to default-button and the sky is the limit.There's also a -moz-appearance, but it doesn't work nearly as well.An important thing to keep in mind is that the :checked look for checkboxes and radios is also controlled by -webkit-appearance. When you set them to default-button, if you don't set them back to their respective defaults (or apply your own :checked psuedo-class styles), they won't show up as being checked. Yeah, this thing acts as the gatekeeper for input styles — especially on the iPhone. I couldn’t get a box-shadow to apply to an input type=text, so I just set the -webkit-appearance to default-button, and boom, it worked. Same with checkboxes and radio buttons, couldn’t get custom styles like border-radius and background-gradients going, but set the type to default-button and the sky is the limit.

There’s also a -moz-appearance, but it doesn’t work nearly as well.

An important thing to keep in mind is that the :checked look for checkboxes and radios is also controlled by -webkit-appearance. When you set them to default-button, if you don’t set them back to their respective defaults (or apply your own :checked psuedo-class styles), they won’t show up as being checked.

]]> By: Tymon Sturgeonhttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-18735 Tymon Sturgeon Sun, 11 Jul 2010 23:48:24 +0000 http://davidwalsh.name/?p=4999#comment-18735 @David Walsh: Just a quick hint: This is can be used for custom checkboxes in -webkit... :D @David Walsh: Just a quick hint: This is can be used for custom checkboxes in -webkit… :D

]]> By: anujv73http://davidwalsh.name/webkit-appearance/comment-page-1#comment-18535 anujv73 Fri, 02 Jul 2010 18:53:24 +0000 http://davidwalsh.name/?p=4999#comment-18535 @penelope glamour: its a webkit style tag it gone only support webkit browser, currently only safari and chrome are webkit browser , for firefox there is -moz-appearance and for opera ie there is appearance style tag and i hope they all have same amount of option available @penelope glamour: its a webkit style tag it gone only support webkit browser, currently only safari and chrome are webkit browser , for firefox there is -moz-appearance and for opera ie there is appearance style tag and i hope they all have same amount of option available

]]> By: penelope glamourhttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-18501 penelope glamour Wed, 30 Jun 2010 07:55:10 +0000 http://davidwalsh.name/?p=4999#comment-18501 In Opera10, Firefox 3.6.6 and IE8 dont work, in Chrome5 yes but menulist dont show the arrow, it is only ok in Safari, so , I think it's no very useful (but yes, few funny) In Opera10, Firefox 3.6.6 and IE8 dont work, in Chrome5 yes but menulist dont show the arrow, it is only ok in Safari, so , I think it’s no very useful (but yes, few funny)

]]> By: Chris Radfordhttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-18491 Chris Radford Tue, 29 Jun 2010 18:46:05 +0000 http://davidwalsh.name/?p=4999#comment-18491 I have seen -webkit-appearance: caret; used to remove the drop-shadows inside input types of text, email search etc on the iPad.Other than that it seems a fairly un-useful set of rules. Amusing that they work on the span though, maybe it'd be useful for JavaScript functionality somehow? I have seen -webkit-appearance: caret; used to remove the drop-shadows inside input types of text, email search etc on the iPad.

Other than that it seems a fairly un-useful set of rules. Amusing that they work on the span though, maybe it’d be useful for JavaScript functionality somehow?

]]> By: Christopher Smoakhttp://davidwalsh.name/webkit-appearance/comment-page-1#comment-18484 Christopher Smoak Tue, 29 Jun 2010 16:59:05 +0000 http://davidwalsh.name/?p=4999#comment-18484 Where do you see a need for this? Why would someone want to display an element as a checkbox or selectbox or whatever? Where do you see a need for this? Why would someone want to display an element as a checkbox or selectbox or whatever?

]]>