CODEWITHSUNDEEP
jqueryhtmlcss
Ralph
Ralph

Reputation: 307

Avoid blue outline on selected button + add style to selected button

I am trying to create a panel and I am running into some annoyances that I cannot figure out.

I have the min-height set up on

.panel_out {
    width: 23%;
    min-height: 100%;
    float: left;
    color: #707070; 
}

So that the entire screen from my left margin to the 23% mark shows up in the panel_out color. However, only the panel_buttons are getting their color.

Then my active state, will not keep the color I have set when I select a panel_button. Then how do I get rid of the browser blue border when I click on the panel button?

Here is a fiddle to show what this looks like.

https://jsfiddle.net/ba98bjmf/1/

Upvotes: 1

Views: 67

Answers (1)

J'hack le lezard
J'hack le lezard

Reputation: 413

If you want to remove the blue border when selecting the button it's : outline : none;

If you want to remove the grey border on the button it's : border : none;

Is it what you were asking for ?

Upvotes: 2

Related Questions