Standard-textbox-border-Stil und Breite

IE7 und FFox scheinen zu Rendern Textfelder sehr leicht anders standardmäßig.

Scheint dies behoben werden, indem Ihre border-style und border-width css-Eigenschaften.

Das seltsame ist, es scheint, dass aus all den Optionen vstudios intellisense gibt mir, keiner von Ihnen übereinstimmen?

Der nächste, den ich gefunden habe ist

border-width:1px;
border-style:inset;

Edit: Versucht, in der style für eine textbox, scheinen Sie alle zu Rendern unterschiedlich in verschiedenen Browsern.

Err, was ist die Frage?
Was du auch versuchen zu tun?

InformationsquelleAutor maxp | 2009-08-05

  1. 9

    Laut Firebug, der Standard-style für eine textbox in Firefox ist

    border: 2px inset #EBE9ED;
    Firebug sagt mir seine 1px inset #f0f0f0 ?
    Könnte sein, Thema-auf dann.

    InformationsquelleAutor Amber

  2. 7

    Dies ist die erste Frage/Ergebnis kommt, die über Google bei der Suche für diese Art der Sache, so dass ich dachte, ich würde die Antwort, ich war auf der Suche nach persönlich.

    die Antwort ist, stellen Sie den Stil auf ""oder""";

    Wenn das unklar ist, bin ich ein Beispiel mit javascript/jquery, vorausgesetzt, Sie bekommen, dass auf einer grundlegenden Ebene. Natürlich, die box startet wieder auf default. Nehmen wir an, ich ändere es mit code rot werden, wenn jemand Klicks auf das textbox -...

    $("#phoneBox").focus(function(){
       document.getElementById('telephone').style.border = '1px solid red';
       }

    Wird es rot, wenn jemand Klicks in das Textfeld ein. Jetzt, jedoch, nehmen wir an, ich möchte, um es zurück zu normal, wenn jemand Klicks entfernt von der box

    $("#phoneBox").blur(function(){
       document.getElementById('telephone').style.border = '';
       }

    Geht der Kasten wieder zurück auf den Standard-Stil, da es keine Werte zu gehen.

    In der CSS, nur

    border:'';

    oder um gründlich zu sein,

    border-style:'';
border-width:'';
border-color:'';

    machen wird, die standardmäßig in jedem browser. Ich hoffe, dass dies Sinn macht/der anderen hilft.

    InformationsquelleAutor Xagrand

  3. 1

    Vielleicht werden Sie mir nicht glauben, aber ich versuche dieses:

    <input style="border:default">

    und es funktioniert in Windows Internet Explorer 8, Firefox 3.6.22 und Chrome 14.0.835

    Ich denke <input style="border:XXX"> <input style="border:XXX"> funktioniert auch. Der Punkt ist, dass, wenn Sie verwenden eine ungültige border-style, dann wird die Eingabe-box geht zurück auf den Standardwert border-style.

    Hat bei mir nicht funktioniert (Firefox 32). Firefox hielt den zuvor definierten Stil für die Eingabe eher als die Wiederherstellung der "Standard" ein

    InformationsquelleAutor Ing Óscar Bonilla MBA

  4. 0

    Faust von allen, die border CSS-Eigenschaft ist eine Kurzschrift-Eigenschaft für die Einstellung der einzelnen Eigenschaft border-Werte für eine oder mehrere von: border-width, border-style, border-color.

    Den anfänglichen Wert border-style ist none. Dies bedeutet, dass wenn Sie ändern die border-width und die border-color werden, sehen Sie nicht die Grenze, es sei denn, Sie ändern Sie diese Eigenschaft auf etwas anderes als none oder hidden.

    Den anfänglichen Wert border-width ist medium, aber die Spezifikation nicht genau definieren, deren entsprechende Breite. Zum Beispiel, mein Safari-browser aktuell Anzeige medium als eine Breite von 3px;

    Den anfänglichen Wert border-color ist currentColor dieses Schlüsselwort entspricht der berechnete Wert des Elements color-Eigenschaft. Es ermöglicht, um die Farbe geerbten Eigenschaften durch die Eigenschaften oder Kind-Elemente-Eigenschaften, die nicht-Erben standardmäßig.

    Gesagt, immer im Hinterkopf behalten, dass, wenn Ihre Standardwerte scheint anders zu sein, vielleicht einige Eigenschaften berechnet werden, die von einigen anderen Erklärungen, das ist user-agent Erklärungen, user-normal-Erklärungen, Autor der normalen Erklärungen, Autor wichtige Erklärungen oder Benutzer wichtige Erklärungen.
    Wenn verschiedene Eigenschaften gilt das gleiche element, das spezifischere Selektoren überschreiben Sie die anderen und, wenn mehrere Erklärungen haben die gleiche Gewichtung, Herkunft und Spezifität, die letzteren in der Quellcode-Reihenfolge gewinnt. Deklarationen aus importierten Stylesheets werden als vor jeglichen Deklarationen in die Stylesheet selbst.

    TL;DR?

    Standard ist border: medium none currentColor; aber das ist so lange gültig, wie keine andere Auswahl oder Erklärung gilt.

    InformationsquelleAutor Claudio Floreani

  5. -1

    Sorry, ich war falsch. Wenn Sie eine ungültige Grenze Stil, dann ist die Eingabe im Feld werden ignoriert, und es wird sich nicht ändern.

    Der nächste, den ich gefunden habe ist

    border:inset 2px #EBE9ED;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;

    Aber es ist anders als die Standard-Stil in den 3 Browsern

    Dann Editiere deine Vorherige Antwort. Nicht eine neue zu erstellen.

    InformationsquelleAutor Ing Óscar Bonilla MBA

Schreibe einen Kommentar