Ich habe ein HTML-Select-Element, das ich für den Druck stylen möchte, so dass es nur wie der ausgewählte Text aussieht. Wie kann ich den Dropdown-Pfeil ausblenden?Wie kann ich ein HTML-Auswahlfeld stylen, um den Dropdown-Pfeil zum Drucken wegzulassen?
Sie können nicht.
In den Standards gibt es nichts, was angibt, dass das select-Element einen Pfeil haben muss, um dem Benutzer anzuzeigen, dass er Optionen zur Auswahl hat oder wie diese Optionen angezeigt werden. Da diese visuellen Elemente nicht definiert sind, ist natürlich nichts definiert, um sie zu ändern.
Sie müssen beim Drucken nur ein anderes Element anzeigen.
Eine Idee: Tauschen Sie das Kombinationsfeld für den Druckvorgang mit einem Label-Steuerelement.
Sie können den ausgewählten Textwert neben dem Dropdown-Feld angeben und über CSS ausblenden. Verwenden Sie dann eine print stylesheet, um den Text anzuzeigen und die Dropdown-Liste beim Drucken auszublenden.
In webkit können Sie angeben:
-webkit-appearance: none;
über den anderen Browsern nicht sicher.
Die folgenden Arbeiten für Firefox, Safari, Chrome und ein paar andere
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
Für IE Unterstützung Blick auf http://fetchak.com/ie-css3/
Dies kann zu der Zeit richtig gewesen, aber jetzt ist Rowan Antwort richtig. –
@ EM-Creations: Es war in der CSS3-Spezifikation, ist aber jetzt gelöscht. http://wiki.csswg.org/spec/css4-ui#dropped-css3-features – Guffa