Wie kann ich ein HTML-Auswahlfeld so gestalten, dass der Dropdown-Pfeil für den Druck wegfällt?

Question

Ich habe ein HTML-Auswahlelement, das ich für den Druck so gestalten möchte, dass es nur wie der ausgewählte Text aussieht. Wie kann ich den Dropdown-Pfeil ausblenden?

Answer 1

Das folgende Beispiel funktioniert für Firefox, Safari, Chrome und einige andere

-moz-appearance: none;
-webkit-appearance: none;
appearance: none;

Für IE-Unterstützung siehe http://fetchak.com/ie-css3/

Answer 2

Das können Sie nicht.

In den Normen ist nicht festgelegt, dass das Auswahlelement einen Pfeil haben muss, um dem Benutzer anzuzeigen, dass es Optionen zur Auswahl hat, oder wie diese Optionen angezeigt werden. Da diese visuellen Elemente nicht definiert sind, gibt es natürlich auch keine Vorgaben für ihre Änderung.

Sie müssen nur beim Drucken ein anderes Element anzeigen.

Answer 3

In Webkit können Sie angeben:

-webkit-appearance: none;

Bei den anderen Browsern bin ich mir nicht sicher.

Answer 4

Versuchen Sie dies

http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

Answer 5

Eine Idee: Tauschen Sie für den Druckvorgang das Kombinationsfeld gegen ein Etikettensteuerelement aus.