Wie stellen Sie input und wählen Sie mit gleichen Breite in css
In meine Seite, es gibt mehrere input
und select
tags.
Benutze ich width:100%;
zu definieren, Ihre Breite, aber die Breite im browser ist nicht 100%
.
Verwendet habe ich das debug-tool in chrome, und fand es auch useragent-stylesheet Formatvorlagen.
Wie kann ich die Breite von 100%?
- was haben Sie gefunden in den useragent-stylesheet?
- ich fand die Eingabe&Auswahl-tags haben verschiedene Rand-Wert.
- wie kann ich zurücksetzen der user-agent-stylesheet-Eingabe&markieren.
- Siehe css-reset!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Demo-Fiddle
Sollten Sie idealerweise separate Stil, vom Inhalt, also in deinem CSS sind:
nb. demo fiddle ohne box-sizing-set
Und Sie müssen verwenden
box-sizing:border-box
um für die Auslegung zu berücksichtigen, alle browser-spezifischen bzw. setzen margin/padding/Grenzen. Hier ist ein handliches Lesen Sie zu dem Thema.Box-Sizing auf MDN:
box-sizing:border-box
den Tag gerettetÜberschreiben die user-agent-stylesheet verwenden zurücksetzen.css in Ihrem code, an den start.
Wenn Sie nicht möchten, überschreiben des useragent dann können Sie gehen für die Breite den Wert in 'px'
oder verwenden Sie die folgende css:
Versuchen, verwenden Sie die width-CSS-Eigenschaft des select-tag wie folgt:
Also das gleiche für input-tag
Können Sie die style im css für input-tag.