Как я могу оформить окно выбора HTML, чтобы опустить стрелку раскрывающегося списка для печати?

Question

У меня есть элемент выбора html, который я хотел бы стилизовать для печати, чтобы он просто выглядел как выделенный текст. Как я могу скрыть стрелку выпадающего списка?

Answer 1

ниже работает для Firefox, Safari, Chrome и некоторых других

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

Для поддержки IE посмотрите на http://fetchak.com/ie-css3/

Answer 2

В webkit вы можете указать:

-webkit-appearance: none;

Не уверен насчет других браузеров.

Answer 3

Вы не можете.

В стандартах нет ничего, что определяло бы, что элемент select должен иметь стрелку, указывающую пользователю, что у него есть варианты выбора, или как эти опции показаны. Поскольку эти визуальные элементы не определены, естественно, для их изменения не определено ничего.

Вам просто нужно отобразить другой элемент при печати. ​​

Answer 4

Попробуйте это

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

Answer 5

Вы можете указать выбранное текстовое значение рядом с раскрывающимся списком и скрыть его с помощью CSS. Затем используйте таблицу стилей печати , чтобы отобразить текст и скрыть раскрывающийся список при печати. ​​

Answer 6

Одна идея: для операции печати поменяйте поле со списком элементом управления меткой.