Tengo un elemento de selección html que me gustaría diseñar para imprimir de manera que se parezca al texto seleccionado. ¿Cómo puedo ocultar la flecha desplegable?¿Cómo puedo diseñar un cuadro de selección html para omitir la flecha desplegable para imprimir?
No se puede.
No hay nada en las normas que especifique que el elemento seleccionado debe tener una flecha para indicar al usuario que tiene opciones para elegir, o cómo se muestran esas opciones. Como esos elementos visuales no están definidos, naturalmente no hay nada definido para cambiarlos.
Solo tiene que mostrar un elemento diferente al imprimir.
Una idea: para la operación de impresión, cambie el cuadro combinado con un control de etiqueta.
Puede proporcionar el valor de texto seleccionado al lado del menú desplegable y ocultarlo a través de CSS. Luego use un print stylesheet para mostrar el texto y ocultar el menú desplegable al imprimir.
En webkit puede especificar:
-webkit-appearance: none;
No estoy seguro sobre los otros navegadores.
Las obras siguientes para Firefox, Safari, Chrome y algunos otros
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
Para ver el apoyo de IE en http://fetchak.com/ie-css3/
Esto puede haber sido correcta en el momento, pero ahora, la respuesta de Rowan es correcta. –
@ EM-Creations: Estaba en la especificación CSS3, pero ahora se descarta. http://wiki.csswg.org/spec/css4-ui#dropped-css3-features – Guffa