W3C home > Mailing lists > Public > www-style@w3.org > November 2001

Submitbuttons and CSS in IE6.0

From: Michael Frederiksen <mfr@cubitech.dk>
Date: Fri, 9 Nov 2001 17:36:58 +0100
Message-ID: <51E5BCAA9CD2D4119B3000600894CBE286D7@heisesgade2.heisesgade.dk>
To: "W3-Style (E-mail)" <www-style@w3.org>
Hi all,

Just a quickie, I've been playing around with submit-buttons and css. 

Here's what I've got so far:

.C673 {
	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; FONT-SIZE:
11px; BORDER-LEFT: #333 1px solid; COLOR: #333; BORDER-BOTTOM: #333 1px
solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #d5e9f3
}

and in the HTML
<INPUT class=C673 onclick=validateForm(); type=submit value=Send name=SAVE>
honoring the doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

Now, the problem is that IE6.0 in W2K adds an extra border around the
button, when the body (or anything in it) is focused. It displays 'correct'?
(without the second border, thats what I'm aiming for anyway) in Mozilla. Is
the a way to work around this, using css? I know I could just add a picture
but I'm not interested in making a picture for each button :(

Thank you for any help or input that you could give me.

TIA
-Michael
Received on Friday, 9 November 2001 11:40:21 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:11 GMT