homepage Welcome to WebmasterWorld Guest from 54.166.53.169
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Highlight Active Input Field
Using just CSS?
limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3965991 posted 9:57 am on Aug 5, 2009 (gmt 0)

Is it possible?

I imagine IE6 has limited support for any kind of active property on input fields...

Cheers, Limbo.

 

trick

5+ Year Member



 
Msg#: 3965991 posted 8:36 pm on Aug 5, 2009 (gmt 0)

google ("highlight active form field css") found this:

textarea:focus, input:focus {
border: 1px solid #900;
background-color: #FFFF9D;
}

how's that?

limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3965991 posted 10:29 am on Aug 6, 2009 (gmt 0)

Works great in most bit not IE6/7.

I'm guessing there is no support for background and border properties for the :focus selector.

Cheers

swa66

WebmasterWorld Senior Member swa66 us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3965991 posted 1:58 pm on Aug 6, 2009 (gmt 0)

Legacy IE versions lack support for the :focus pseudo class entirely.

To add it, you can use javascript, e.g. IE8.js [code.google.com] will add the support you seek in IE6 and IE7.
Do take care with that script: it'll add support for lots of other things as well, so you might need to revisit more of your IE workarounds.

Alternatively a degraded solution for the obsolete browsers can also be considered. There's no rule that says the decade old browsers must render out sites exactly the same as the modern ones, is there?

limbo

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3965991 posted 7:46 am on Aug 7, 2009 (gmt 0)

Indeed. There isn't Swa - and I don't intend to :)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved