[thelist] formatting the input tag

Syed Zeeshan Haider szh at softhome.net
Tue Jul 2 14:37:01 CDT 2002


Hi Matthias,
Use this style sheet:

input{
color:#003399;
background-color:#eef;
font-size:11px;
text-decoration:none;
font-weight:300;
font-family:verdana, arial, helvetica, sans-serif;
border-style:none;
line-height:11px;
cursor:hand;
}

input:hover{color:#ff0000;} is useless. Don't use this line in style sheet.

Now I guess you want the colour of submit-button text to change to #ff0000 when
the
mouse is over it and the colour must turn back to #003399 when the mouse is
away.
For this purpose edit the tag of submit button as described below:

<input type="submit" name="Submit" value="Submit"
onmouseover="this.style.backgroundColor='#ff0000'"
onmouseout="this.style.backgroundColor='#003399'">

Works best in IE 5.0 and above. Mouse cursor does not change into hand in NN
6.2. Oper 6 and NN 4.x do not support this dynamic effect at all.

Hope this helps.
Syed Zeeshan Haider.
http://syedzeeshanhaider.faithweb.com/

----- Original Message -----
From: Matthias Ritzkowski <Matt at grndwtr.com>
To: "Thelist (E-mail)" <thelist at lists.evolt.org>
Date: Tue, 2 Jul 2002 10:37:20 -0400
Subject: [thelist] formatting the input tag
Reply-To: thelist at lists.evolt.org

Hi evolt people!

I am trying to get a certain behavior for an input. This is actually the
submit button of a form, which I want to make behave like a link (ok, so I
cannot us a link here ...)
Everything is great, until I try to change the color with a pseudoclass
input:hover.
Is this even possible??
 Regards
Matthias Ritzkowski


this is the code i use in the css

input{
color:#003399;;
background-color:#eef;;
font-size:11px;
text-decoration:none;
font-weight:300;
font-family:verdana, arial, helvetica, sans-serif;
border-style:none;
line-height:11px;
cursor:hand;
}
input:hover{color:#ff0000;}












More information about the thelist mailing list