Sé que las cajas de selección son un poco difíciles de ajustar con css, pero sin recurrir a técnicas avanzadas, de todos modos puedo agregar algo de relleno para empujar hacia abajo el texto sin que también agregue relleno al flecha en el lado derecho?Relleno en cuadros de selección
Respuesta
prueba interesante aquí http://cssdeck.com/labs/styling-select-box-with-css3
El autor cubrió la flecha en el lado derecho y creó su cuenta, utilizando el prefijo proveedor css para dirigirse a diferentes navegadores. después de hacer eso, tu relleno es gratis.
vale ... me los merecía. no es mi código aunque es interesante, y * es * una solución de CSS pura que funcionará en el 90% de los casos. – commonpike
agrega esto a tu clase de CSS. Quizás esto ayude?
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
oculta las flechas ... – romainm
Desde select
cajas aparecen de manera diferente en diferentes navegadores y sistemas operativos sobre todo, no se puede garantizar una consistencia.
Por ejemplo, la cantidad mínima de formato que pueda hacer en un Mac es la siguiente:
select { height:40px; background:transparent; }
y se ve así:
, ¿tienes alguna sugerencia? –
Recomendaría un cuadro de selección personalizado, por ejemplo: https://jqueryui.com/selectmenu/ – redolent
- 1. i18n para cuadros de selección
- 2. Repoblando fechas en cuadros de selección
- 3. Rails 3 cuadros desplegables de selección?
- 4. ¿Cómo deshacerse del resaltado de selección de cuadros de texto en Chrome/Safari?
- 5. relleno no funciona en Safari y IE en la lista de selección
- 6. Uso de javascript y jquery, para rellenar cuadros de selección relacionados con estructura de matriz
- 7. Cuadros de alerta en Python?
- 8. C/C++: datos de relleno o relleno en una estructura
- 9. OpenGl Frecuencia de cuadros
- 10. Android Cloud Printing sin cuadros de diálogo
- 11. Relleno en StackPanel?
- 12. Relleno de estructura en C++
- 13. Selección Cuadro de selección con jQuery
- 14. relleno no funciona en determinados etiquetas en Safari
- 15. Generando indicadores en cuadros de datos grandes
- 16. Encuadernación en cuadros de texto no funcionan
- 17. C# líneas punteadas en series de cuadros?
- 18. Permitir HTML en cuadros de texto
- 19. Quitar cuadros de ToC hipervinculado en LaTeX
- 20. Cuadros con esquinas redondeadas
- 21. cuadros de diálogo personalizados Problema
- 22. Java imagen de relleno
- 23. UIImage: fondo de relleno
- 24. La entrada y los elementos de selección tienen relleno agregado en Chrome + Safari, pero no en Firefox?
- 25. cadenas Relleno STL en C++
- 26. Relleno en MD5 Hash Algorithm
- 27. Agregar relleno en vista programáticamente
- 28. Zipping con relleno en Haskell
- 29. Margen/relleno en GridBagLayout Java
- 30. Proyección en varios cuadros con Fluido NHibernate
Podría tal vez tratar de alterar el relleno en los elementos 'opcionales' anidados? Solo un pensamiento ... –
No, no hay. Diseñar en cuadros de selección es como mencionaste un dolor. Hay muchos complementos jQuery para cuadros de selección disponibles por esta misma razón. El estilo de navegador desplegable disponible de un listbox es muy limitado. –
¿No es esto lo que estás esperando? http://jsfiddle.net/LpvDg/ – Wasbazi