CSS > :focus?

This topic is: resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  benjeeno 4 months, 1 week ago.

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

    benjeeno
    Participant
    Post count: 248

    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: 2603

    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 do Genesis tutorials, design and development, and other fun stuff • Find me on Twitter and Google+

    #77010

    benjeeno
    Participant
    Post count: 248

    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: 248

    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 4 months, 1 week ago by  benjeeno.
    • This reply was modified 4 months, 1 week ago by  benjeeno.
    • This reply was modified 4 months, 1 week ago by  benjeeno.
    • This reply was modified 4 months, 1 week ago by  benjeeno.
Viewing 4 posts - 1 through 4 (of 4 total)

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