I want to make a button for a kiosk application (touch screen) that has rounded corners, a background gradient, and shadowed text. PIE has been VERY useful in getting the rounded corner and gradient to work together in IE9. Thank you!

Using PIE, I tried styling [class]:active, but was not successful getting the background to change when the button was clicked. Is there a way to do this?

Boring details and codeThe code below will make two buttons--one with an anchor around the button div (Anchor Outside) and another with the anchor around the just the text (Anchor Inside) in the button. Here are the results of this code in each browser:

IE9: Neither button changes when clickedChrome: Both buttons change when clicked (desired). Anchor outside has an underline on text (not desired)Firefox: Both buttons change when clicked (desired).Opera: Anchor outside changes when clicked (desired). Anchor inside does not change when clicked.Safari: Similar to Chrome. Both buttons change when clicked (desired). Anchor outside has an underline on text (not desired)

Who is online

Users browsing this forum: No registered users and 2 guests

You cannot post new topics in this forumYou cannot reply to topics in this forumYou cannot edit your posts in this forumYou cannot delete your posts in this forumYou cannot post attachments in this forum