Archived

This topic is now archived and is closed to further replies.

  • 0

Changing Select:active Border Color

Question

Posted · Report post

I am trying to change the blue border color for the select box on this page: http://justseti.com/product/chocolate-chip-cookies/

 

select:active{border:solid 1px #A62219 !important;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.4);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);}

 

 

The border shows, but the blue doesn't go away! 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Are you talking about the tabs? Where is says Description, Custom Order, and Reviews (0)? That is the only place I notice anything that is blue(ish)? I'm using Firefox.

Share this post


Link to post
Share on other sites

Posted · Report post

If you are looking at the tabs...these are the two areas that when you remove the color option make the background transparent to the whole site's background. BOTH would have to be adjusted for the color to disappear:

 

compliled css

div.product #tabs ul.tabs {

    background-color: #F2F2F2;
}

frontend css

div.product #tabs ul.tabs {

    background: none repeat scroll 0 0 #DDDDDD;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    list-style: none outside none !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 4px 4px 0;
}

 

Share this post


Link to post
Share on other sites

Posted · Report post

Ya its' a :focus att. Try select:focus

Share this post


Link to post
Share on other sites