Was ist die Standard-CSS-Eigenschaft border für eine HTML-Schaltfläche im IE?
Habe ich den folgenden code:
<button onmousemove="this.style.border='2px #555555 solid';"
onmouseout="this.style.border='';">Test</button>
Auf mousemove
es richtig ändert sich die Grenze, wie angegeben. Auf mouseout
meine Absicht ist, ändern Sie die Grenze zum original zurück. Dies funktioniert in Gecko-basierten Browsern, aber nicht im IE. DH entfernt alle Grenzen und wird die Schaltfläche 2D.
Wie bekomme ich wieder die original-3D-Aussehen der Schaltfläche?
Hinweis: Zum Debuggen habe ich versucht alert(this.style.border)
die den Wert der ursprünglichen Grenze. Es zeigt, dass es leer ist. Also die ursprüngliche Grenze Wert scheint leer zu sein. Aber die Einstellung zu leeren bringt nicht dem ursprünglichen Aussehen zurück. 🙁
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen, einstellen und löschen einer Klasse für das element und die Zuordnung der Rand-Wert in der Klasse. Genau wie unten:
Beachten Sie, dass diese einfache JS-code wird brechen Sie Ihre vorhandenen Klassen zugeordnet das element, wenn es irgendwelche gibt. Wenn Sie zusätzliche Klassen, fügen Sie bitte einen Kommentar, er erklärt die situation und ich werde es ändern Sie den code entsprechend.
Soweit ich weiß, gibt es keine Möglichkeit zum wiederherstellen der original-Betriebssystem suchen, sobald das element die Grenze gesetzt ist, obwohl es scheint mir seltsam, dass sogar die Entleerung
border
nicht die Arbeit machen. Ah gut. Die OS-Stil ist nicht nur eine klassische Grenze, enthält aber einen schwarzen Umriss (je nach OS visuellen Einstellungen, sogar mehr als das).Sehen, wie IE < 8 nicht verstehen
outline
ich denke, dass die beste Abhilfe wäre putting ein element, um die Taste, und markieren Sie, dass Sie auf schweben.Empfehlen die Verwendung von CSS für das gleiche statt javascript. Sie können Folgendes tun.
Definieren Sie nur den hover-Anwesen des button.
HTML :
CSS :
Ich denke, dass das, was Sie suchen, finden Sie in den bowers user-agent-CSS. Hier ist eine Tabelle, die Ihnen eine gute Idee von, was Los ist mit den verschiedenen Browsern http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm .