如何设置html选择框的样式以省略打印的下拉箭头?

时间:2009-09-17 14:15:07

标签: css

我有一个html选择元素,我想要打印样式,以便它看起来像所选文本。如何隐藏下拉箭头?

6 个答案:

答案 0 :(得分:24)

以下适用于Firefox,Safari,Chrome和其他一些

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

对于IE支持,请查看http://fetchak.com/ie-css3/

答案 1 :(得分:3)

你不能。

标准中没有任何内容指定select元素必须有一个箭头指示用户它有可供选择的选项,或者如何显示这些选项。由于这些视觉元素没有定义,因此自然没有任何定义来改变它们。

打印时只需显示不同的元素。

答案 2 :(得分:3)

在webkit中,您可以指定:

-webkit-appearance: none;

不确定其他浏览器。

答案 3 :(得分:2)

答案 4 :(得分:1)

一个想法:对于打印操作,使用标签控件交换组合框。

答案 5 :(得分:1)

您可以在下拉列表旁边提供所选文本值,并通过CSS隐藏它。然后使用print stylesheet显示文本并在打印时隐藏下拉列表。