Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.

Directory Submission Service   ClickBooth Network   V7N Directory

Reply
 
LinkBack Thread Tools Display Modes
Old 02-09-2007, 05:11 AM   #1 (permalink)
Inactive
 
Join Date: 02-09-07
Posts: 1
iTrader: 0 / 0%
Latest Blog:
None

Luiz Ricardo Mouro is liked by many
Change INPUT type=text hover color

Hi all,
Is it possible to change the backgroud color of <input type=text> using CSS pseudo-class hover?

I already tried :
INPUT:hover{
background-color:#0066CC;
}
INPUT[type=text]:hover{
background-color:#0066CC;
}

...but nothing worked.

tks
Luiz Ricardo Mouro is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 02-09-2007, 08:37 AM   #2 (permalink)
v7n Mentor
 
Taltos's Avatar
 
Join Date: 11-22-06
Location: Phoenix, AZ
Posts: 1,804
iTrader: 0 / 0%
Latest Blog:
None

Taltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web proTaltos is a highly respected web pro
Send a message via Yahoo to Taltos
No, not reliably. Not all browsers fully support the psuedoclass :hover for all tags. I did this user PHP:

<input name="tbEmail" value="<?= $_POST['tbEmail'] ?>" type="text" id="tbEmail"<?= $BGtbEmail ?> />

First of all, this form POSTs to itself. In a PHP file included at the top of the page I do all my verification of the input field. If it verifies then I do nothing and at the end of the whole verification I use a:

headers ("Location:nextpage.html");

If it doesn't verify then I set a $invalidform flag variable and set $BGtbEmail like:

$BGtbEmail = ' style="background-color: #ff0000;"';

Watch the quotes as it is easy to get them messed up. I used scary pure red but obviously you can use whatever color you want. There are some sneaky ways to do this if you are validating a bunch of stuff.

Have fun and hope this helps.
__________________
Experimenting
Taltos is online now  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Change Color, Font, & Size on Hyperlink freebieconvention Web Design Lobby 12 09-12-2008 12:10 PM
Input Submit / Hover Sketch Coding Forum 1 11-02-2006 08:24 PM
Scroll bar color change issue richarduwc Web Design Lobby 3 05-28-2005 03:16 PM
Can you change my text please leeds1 V7N Directory Issues 2 08-19-2004 05:45 PM
User Change Text Size Limit Coding Forum 5 06-18-2004 09:50 AM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


All times are GMT -7. The time now is 03:33 PM.
© Copyright 2008 V7 Inc