CSS entfernen Standard blauen Rand

Ich habe ein Formular mit mehreren Schaltflächen, wo ich ein JavaScript verwenden, um die zweite Schaltfläche zu übermitteln, wenn einige drückt, geben Sie ein.CSS entfernen Standard blauen Rand

Das funktioniert gut, aber wenn ich dieses Formular in IE öffne, erhält die erste Schaltfläche einen blauen Rahmen, der dem Benutzer sagt, "das ist die Schaltfläche, die gedrückt wird, wenn Sie die Eingabetaste drücken".

Gibt es eine Möglichkeit, das mit CSS zu entfernen, ohne den Rest der Schaltfläche zu übersteuern?

default button style

Beispiel:

<button onclick="javascript:alert('remove');">Remove name</button>

Quelle

2013-05-20 Peter

einige Bild oder Code würde – samayo

@phpNoOb schön, ein Bild ist (die Schaltfläche), hinzugefügt einige Code .. – Peter

Es ist nicht die blaue Grenze zeigt, in meinem IE8 – samayo

Mit diesem Code:

button { border:0;}

Quelle

2013-05-20 11:40:35

Sicher, dass es den blauen Rand entfernt hat, aber es die Schaltflächen in Boxen umgewandelt ... – Peter

Gibt es eine Möglichkeit, Ihre eigene benutzerdefinierte Grenze, aber nicht diese blaue innere Grenze zu haben? Ich kann nur beide oder keine loswerden ... – thomthom

Dies kann Ihnen helfen. Verwenden Sie die folgenden CSS-Eigenschaften:

input, 
input:active, 
input:focus {  
    outline: 0;  
    outline-style: none;  
    outline-width: 0; 
}

Quelle

2013-05-20 11:58:07

Dies entfernt die gepunktete Linie (die ich behalten wollte), aber es hat nicht die blaue Grenze Thingii entfernt ... – Peter

Bitte versuchen Sie es. ich hoffe es hilft dir. Eingabe {Hintergrund: keine transparent; Grenze: keine; } Für Demo besuchen Sie diesen Link: http: //jsfiddle.net/dEvKb/64/ –

im tut mir leid, aber das entfernt den Standard-Stil von den Tasten ("gibt es eine Möglichkeit, das mit CSS zu entfernen, ohne den gesamten Button-Stil zu überschreiben?") – Peter

-2

einfach border-radius fügen Sie den Button Look zu entwickeln:

-moz-border-radius:7px; 
-webkit-border-radius:7px; 
border-radius:7px;

Quelle

2013-05-20 12:05:35

Das ändert auch das Layout, eine Frage versuchen Sie tatsächlich die Sachen, die Sie posten oder Sie nur raten? – Peter

Ich programmiere seit 5 Jahren. Wenn Sie ein neues Problem in der Art und Weise schaffen, andere zu lösen, können Sie eigene Fähigkeiten beschuldigen, nicht andere, die Ihnen die Idee gaben, Ihr Problem zu lösen. –

@TouhidRahman Eine Empfehlung, bitte nimm es nicht als Beleidigung, aber bedenke, dass wenn deine Antwort nicht zu den OP-Anforderungen passt oder dein Ansewr mühelos aussieht, solltest du wahrscheinlich eine negative Stimme bekommen. Wenn Sie denken, dass es unmöglich ist, genau das zu erreichen, was das OP will, erklären Sie bitte, warum es nicht möglich ist (oder einfach sagen "das ist nicht möglich"), und geben Sie dann Ihre Alternative, damit das OP zumindest sehen kann, dass Sie es versucht haben. In anderen Fällen scheint es, dass Sie nur die schnellste Waffe sein wollen;) – Arkana

-1

button{border:none; border-radius:4px; -moz-border-radius:4px;}

Quelle

2013-05-20 12:06:20

Mit diesem Code:

button { 
    border : 0px; 
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
    border-radius:7px; 
}

Quelle

2013-05-20 19:04:32

Ich möchte nur die blaue (Fokus) Grenze nicht die normale Grenze entfernen ... – Peter

diese Arbeit (nur sollte denken getestet IE10 auf PC) für die Grenze:

button { outline: 0; }

Möchten Sie den Hintergrund entfernen (benötigt bei WebKit/Blink)?

Anzahl:

background: none;

benötigen loswerden der Grenze zu kommen (entfernt Hintergrund auf IE10 auch):

border: 0;

Quelle

2013-08-23 09:40:57

'Schaltfläche {Umriss: 0;}' Hat den Trick in Chrome. Ich hatte bereits den Hintergrund und den Rahmen entfernt, aber es gab immer noch einen blauen Rahmen, als ich auf den Knopf in Chrome klickte. –

Dies ist die richtige Antwort, die Sie dem Autor geben sollten, indem Sie sie als Antwort auswählen. – samuelkobe

#sideToggle:focus, #sideToggle:active{ 
    outline: 0;  
    outline-style:none;  
    outline-width:0; 
}

Dies löste mein Problem jemand anderes, wenn Besuche die Post. Ich habe meine eigenen Stile separat hinzugefügt, da sie für das Problem nicht von zentraler Bedeutung sind.

Quelle

2014-02-11 20:55:22 crazyjedi98

meine Lösung (nach ein paar Monaten)

button:focus { 
outline: 0; 
box-shadow: none; 
}

Quelle

2014-03-12 14:12:41

CSS entfernen Standard blauen Rand

Antwort

Verwandte Themen