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

Re: Submitbuttons and CSS in IE6.0

From: Nicholas Atkinson <nik@casawana.com>
Date: Fri, 9 Nov 2001 17:41:43 -0000
Message-ID: <004901c16945$e90b0d00$0300000a@natkinwkstn>
To: "W3-Style \(E-mail\)" <www-style@w3.org>
I have reproduced the problem you are describing (albeit on IE5.5).  I too
get the emphasised border when the body has focus.

I have found that if you put the <INPUT button within a <form> element then
the emphasised border does not appear.

Not sure why!

nik

----- Original Message -----
From: "Michael Frederiksen" <mfr@cubitech.dk>
To: "W3-Style (E-mail)" <www-style@w3.org>
Sent: 09 November 2001 16:36
Subject: Submitbuttons and CSS in IE6.0


> 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 12:43:36 GMT

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