Radio Button - blauer Rahmen im Chrome Browser?

[Nevada208]

Hallo zusammen,

ich habe ein Problem mit CSS. Ich habe Radio-Button mit CSS gemacht und habe das Problem, das im Chrome beim
anklicken ein blauer Rahmen um das Element erscheint. In Firefox ist alles ok .

Das sind die Styles:

input[type=radio], input[type=checkbox] {
    display:none;
}

input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align:middle;
    margin-right: 7px;
    background-color: #E3DDDA;
    border: 1px solid #D1C7C2;
    border-radius: 9px;
}

input[type=radio]:checked + label:before {
    content: "\23FA";
    color:#82797F;
    background-color: #E3DDDA;
    font-size:0.7em;
    text-align:center;
    line-height:13px;
}

Wie bekomme ich den Rahmen weg?

So sieht das auf der Webseite aus:

bildcss.jpg

Danke für Eure Hilfe!

Gruss Nevada

[Christian Marquardt]

Im Focus outline 0 setzen

[Nevada208]

Danke für die Antwort...

hab es so probiert da es ja nur die Radio-Button betrifft:

input[type=radio]:focus
{
    outline: 0;
}

So funktioniert es leider nicht

[Christian Marquardt]

Dann würde ich dort weiteres versuchen Background setzen o.a