CSS > :focus?

This topic is: resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  benjeeno 10 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #76874

    benjeeno
    Participant
    Post count: 266

    On the Categories search widget I’ve tried to change the focus color from that yellowish-brown to the following:

    #extended-categories-select-2:focus {
    border: 1px solid #14B37D;
    }

    It adds the color on top of the yellowish-brown.

    I’m assuming it’s :focus because in firebug I’m choosing :focus from the Toggle Element State selector and that’s what shows up, but when implement the css above it doesn’t change the color it adds it on top of the yellowish-brown.

    Any CSS ninjas care to help?

    http://thekennedybook.com/marketingdev/blog/
    #76912

    nutsandbolts
    Moderator
    Post count: 3140

    I’m not seeing a yellowish brown – I just see a dark gray on focus. That’s because of this rule:

    input:focus,
    textarea:focus {
    	border: 1px solid #999;
    	outline: none;
    }

    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #77010

    benjeeno
    Participant
    Post count: 266

    Thanks for the feedback, that’s weird, on Chrome for Windows I am seeing a yellowish-brown but maybe I’m going color? ha ha.

    #77011

    benjeeno
    Participant
    Post count: 266

    Found it, thanks to your clue! I needed to add select:focus to that CSS rule and change the color.

    
    input:focus,
    select:focus,
    textarea:focus {
    	border: 1px solid #14B37D;
    	outline: none;
    }
    
    • This reply was modified 10 months, 3 weeks ago by  benjeeno.
    • This reply was modified 10 months, 3 weeks ago by  benjeeno.
    • This reply was modified 10 months, 3 weeks ago by  benjeeno.
    • This reply was modified 10 months, 3 weeks ago by  benjeeno.
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘CSS > :focus?’ is closed to new replies.