Comments on: overcoming poor browser support for CSS3 input[type] http://www.afhill.com/blog/2006/09/26/overcoming-poor-browser-support-for-css3-inputtype/ Accessibility, Social Media, Online Branding, User-Centered Design -- Web Development isn't all about code anymore! Fri, 05 Dec 2008 02:28:12 +0000 http://wordpress.org/?v=2.6.5 By: Nowell http://www.afhill.com/blog/2006/09/26/overcoming-poor-browser-support-for-css3-inputtype/#comment-20233 Nowell Thu, 08 May 2008 14:46:01 +0000 http://www.afhill.com/blog/2006/09/26/overcoming-poor-browser-support-for-css3-inputtype/#comment-20233 You can match attributes and attribute values in css to only apply styles to specific elements. The reference is REC-CSS2-19980512 section 5.8.1 I use this to display an image in front of links that deosn't contain wiki.pl in the href. .wikitext a:before { content: url("/images/remote.gif"); } .wikitext a[href*="wiki.pl"]:before { content: ""; } As to adding padding to a button" input[type="button"] { /* add 1em of space to the left of the button text */ padding-left: 1em; /* add 1em of space th the left of the button */ margin-left: 1em; } hth Nowell You can match attributes and attribute values in css to only apply styles to specific elements.

The reference is REC-CSS2-19980512 section 5.8.1

I use this to display an image in front of links that deosn’t contain wiki.pl in the href.

.wikitext a:before {
content: url(”/images/remote.gif”);
}
.wikitext a[href*="wiki.pl"]:before {
content: “”;
}

As to adding padding to a button”

input[type="button"] {
/* add 1em of space to the left of the button text */
padding-left: 1em;
/* add 1em of space th the left of the button */
margin-left: 1em;
}

hth
Nowell

]]>