it-swarm.com.de

Entfernen Sie das komplette Styling eines HTML-Buttons/Submit

Gibt es eine Möglichkeit, den Stil einer Schaltfläche in Internet Explorer vollständig zu entfernen? Ich benutze ein CSS-Sprite für meinen Button, und alles sieht gut aus. 

Wenn ich jedoch auf die Schaltfläche klicke, wird sie ein wenig nach oben verschoben, sodass sie nicht in Form ist. Gibt es einen CSS-Klickstatus oder eine Mausunterbrechung? Ich weiß nicht, was diesen Zustand auslöst.

Ich weiß, dass es keine wirklich große Sache ist, aber manchmal sind es die kleinen Dinge, die wichtig sind.

52
Saif Bechan

Ich gehe davon aus, dass wenn Sie ' Klick auf die Schaltfläche sagen, der Button ein wenig nach oben bewegt wird ' Sie über den Mausklick-Status der Schaltfläche sprechen und dass Sie beim Loslassen des Mausklicks zurückkehren zu seinem normalen Zustand? Und Sie deaktivieren das Standard-Rendering der Schaltfläche, indem Sie Folgendes verwenden:

input, button, submit { border:none; } 

Wenn ja..

Ich persönlich habe festgestellt, dass Sie diese native IE - Aktion nicht wirklich stoppen/überschreiben/deaktivieren können. Dies hat mich veranlasst, meine Markierungen ein wenig zu ändern, um diese Bewegung zuzulassen und das Gesamtbild der Schaltfläche nicht zu beeinflussen die verschiedenen Staaten.

Dies ist mein letzter Aufschlag:

<span class="your-button-class">
    <span>
        <input type="Submit" value="View Person">
    </span>
</span>

50
a darren

Ich denke, das bietet einen gründlicheren Ansatz:

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
<button>Example</button>

52
Kevin Leary

Entfernen Sie den Rand von Ihrem Button:

input, button, submit
{
  border:none;
}
7
Sarfraz

Ihre Frage lautet "Internet Explorer". Wenn Sie jedoch an anderen Browsern interessiert sind, können Sie jetzt all: unset on-Schaltflächen verwenden, um sie zu deaktivieren.

Es funktioniert nicht in IE oder Edge 18, aber es wird überall gut unterstützt.

button {
  all: unset;
}
<button>check it out</button>

1
Dan Fabulich

In Bootstrap 4 ist das am einfachsten. Sie können die Klassen verwenden: bg-transparent und border-0

0
ValRob

Ich denke, es ist die Schaltfläche "Aktiv" -Zustand.

0
Midhat