Entfernen Sie den Rand von den Schaltflächen

Ich habe versucht, Schaltflächen zu erstellen und meine eigenen Bilder anstelle der Standardschaltflächenbilder einzufügen. Der graue Rand der Standardschaltflächen bleibt jedoch weiterhin erhalten und wird auf der Außenseite meiner schwarzen Schaltflächenbilder angezeigt.

Weiß jemand, wie man diesen grauen Rand von der Schaltfläche entfernt, also ist es nur das Bild selbst? Danke dir.

Hinzufügen

padding: 0;
border: none;
background: none;

zu Ihren Knöpfen.

Demo:

https://jsfiddle.net/Vestride/dkr9b/

Das scheint für mich perfekt zu funktionieren.

button:focus { outline: none; }

Ich hatte das gleiche Problem und obwohl ich meine Schaltfläche in CSS gestylt habe, hat sie das nie aufgegriffen, border:noneaber was funktioniert hat, war, einen Stil direkt auf der Eingabeschaltfläche hinzuzufügen, wie folgt:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

Versuchen Sie es mit: border:0;oderborder:none;

Der übliche Trick besteht darin, das Bild selbst Teil eines Links anstelle einer Schaltfläche zu machen. Anschließend binden Sie das "Klick" -Ereignis mit einem benutzerdefinierten Handler.

Frameworks wie Jquery-UI oder Bootstrap erledigen dies sofort. Die Verwendung eines davon kann übrigens die gesamte Anwendungskonzeption erheblich vereinfachen.

Sie können auch versuchen background:none;border:0px, Schaltflächen zu verwenden.

auch die CSS-Selektoren sind div#yes button{..}und div#no button{..}. hofft es hilft

So entfernen Sie den Standard-Blau-Rand von Schaltfläche zu Schaltfläche:

In HTML:

<button class="new-button">New Button...</button>

Und in Css

button.new-button:focus {
    outline: none;
}

Ich hoffe es hilft :)

Fügen Sie dies als CSS hinzu,

button[type=submit]{border:none;}

$ (". myButtonClass"). css (["Rahmen: keine; Hintergrundfarbe: weiß; Polsterung: 0"]);