Lösung für die ungültige Schaltflächeneinstellung „border:none'-Attribut im IE_Basic-Tutorial

Um ein Element randlos festzulegen, müssen Sie nur border:none für das Element festlegen. Natürlich hat das Festlegen von border:0 den gleichen Effekt, aber tatsächlich gibt es einen Leistungsunterschied zwischen den beiden

Code kopieren Der Code lautet wie folgt:

border:none: Der Rand ist auf „none“ gesetzt, es findet keine Verarbeitung statt;
border:0: Die Rahmenbreite ist auf 0 Pixel eingestellt, aber border-color und border-style werden tatsächlich noch gerendert.

Im IE ist dies jedoch nicht der Fall für Schaltflächen- und Eingabeelemente. In IE6 und 7 ist border:none nur äquivalent zu border-style:none und dem vom Rand eingenommenen Platz ist immer noch von. Dies führt dazu, dass die Breite und Höhe der Eingabe in allen Browsern inkonsistent angepasst wird! In IE6 und 7 ist der Rand weiterhin vorhanden, obwohl border:none festgelegt ist. Wenn Sie mir nicht glauben, versuchen Sie es.
Die Lösung ist unten angegeben:
Die erste Methode:

Kopieren Sie den CodeDer Code lautet wie folgt:

Rahmen:0 keine;

Zweite Methode:
Hinzufügen einer Hintergrundfarbe zur Schaltfläche

Code kopieren Der Code lautet wie folgt:

button{
background:#fff;
}