2010-03-17 6 views
26

Gibt es eine Möglichkeit, das Entwerfen einer Schaltfläche in Internet Explorer vollständig zu entfernen? Ich benutze ein CSS-Sprite für meinen Button und alles sieht gut aus.Entfernen Sie das komplette Styling einer HTML-Schaltfläche/senden Sie

Aber wenn ich auf den Knopf klicke, bewegt er sich ein wenig nach oben, es sieht aus wie in Form. Gibt es einen Klickzustand oder einen Mausklick? Ich weiß nicht, was diesen Zustand auslöst.

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

Antwort

27

Ich gehe davon aus, dass, wenn Sie sagen 'klicken Sie auf die Schaltfläche, es bewegt sich nach oben ein wenig' Sie sprechen über die Mausklick Status für die Schaltfläche, und wenn Sie die Maustaste loslassen, es kehrt in seinen normalen Zustand zurück? Und dass Sie die Standarddarstellung der Schaltfläche sind zu deaktivieren, indem Sie:

input, button, submit { border:none; } 

Wenn ja ..

Persönlich habe ich festgestellt, dass man nicht wirklich stoppen/Betätigung/deaktivieren Sie diese IE nativen Aktion, die dazu führte, dass ich mein Markup ein wenig ändere, um diese Bewegung zuzulassen und nicht das allgemeine Aussehen des Buttons für die verschiedenen Zustände zu beeinflussen.

Dies ist mein letzter Aufschlag:

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

Das ist, was ich gesucht habe. Vielen Dank –

+0

Der Link CSS Tutorials Tutorial ist jetzt gebrochen. – kiwicomb123

+0

danke @ kiwicomb123, habe es jetzt entfernt –

5

Versuchen Sie, die Grenze von Ihrer Schaltfläche Entfernen:

input, button, submit 
{ 
    border:none; 
} 
0

Ich denke, es ist die Taste „aktive“ Zustand.

+0

Es hat der aktive Zustand sein, Sie haben Recht +1 dafür. Aber ich habe es nicht richtig funktionieren –

13

Ich denke, das einen gründlichere Ansatz sieht vor:

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

Ich glaube nicht, dass Hintergrund hat eine "None" - und die! Wichtig ist nicht gut. – sheriffderek

+0

Wenn Sie dies tun, möchten Sie normalerweise vorhandene Stile überschreiben, die für eine Schaltfläche vorhanden sind. Es ist selten, dass Sie dies mit sauberem, unstyliertem HTML machen wollen, daher die Verwendung von '! Wichtig '. Das sagte ich habe es entfernt, da es eine Situation Entscheidung ist. 'background: none' ist vollständig gültig: https://stackoverflow.com/questions/20784292/backgroundnone-vs-backgroundtransparent –

+0

Zu jeder ihrer eigenen wichtig! Ich glaube nicht, dass ich an einem Projekt arbeiten könnte, bei dem ich gezwungen war, es zu benutzen. RE: 'none' Hier ist eine Referenz, die besser ist als ein SO-Post. Wenn Sie "Hintergrund" allein verwenden, verwenden Sie wirklich Kurzschrift und überdecken alle Attribute. – sheriffderek

Verwandte Themen