[thelist] formatting the input tag

Syed Zeeshan Haider szh at softhome.net
Wed Jul 3 04:10:01 CDT 2002


Hi Matthias,
I am sorry for the error I made. You wanted to change the text colour but I
modified the tag to change background colour. To change text colour edit tag as
following:

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

OR simply replace "backgroundColor" with "color".
Sorry again!
Syed Zeeshan Haider.
http://syedzeeshanhaider.faithweb.com/

----- Original Message -----
From: "Syed Zeeshan Haider" <szh at softhome.net>
To: "Evolt TheList" <thelist at lists.evolt.org>
Subject: Re: [thelist] formatting the input tag
Date: Wed, 3 Jul 2002 00:36:50 +0500
Reply-To: thelist at lists.evolt.org

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