css - mac - inspeccionar pagina web
¿Cómo estandarizar la altura de un cuadro de selección entre Chrome y Firefox? (10)
Echa un vistazo a http://demo.neeraj.name/admin_data en Chrome y Firefox. En Firefox el cuadro de selección tiene una gran altura. En Chrome, la altura del cuadro de selección es muy pequeña.
¿Cómo puedo hacer que el cuadro de selección de Chrome y Safari se vea como el menú desplegable de Firefox?
Aumentar la line-height la line-height .
La respuesta de @ Chi es correcta. Otro truco rápido es agregar un estilo CSS de borde:
seleccione {borde: 1px sólido #CCC}
Esto activa la propiedad -webkit-apariencia: menulista-botón con el beneficio adicional de eliminar el borde negro feo :).
Me he encontrado con este problema antes
La configuración de la altura del elemento seleccionado funciona bien en webkit en Windows, pero falla en webkit en una Mac.
Si establece el atributo css
-webkit-appearance: menulist-button;
Permitirá que la altura funcione correctamente en una Mac, pero crea este extraño borde negro en las ventanas. Puede ajustar el borde configurando la propiedad de borde css, pero eso cambia el aspecto de todos los navegadores que le permiten personalizar los bordes, no solo el kit de web.
En este punto, me di por vencido, pero espero que sea un buen punto de partida si desea investigar más a fondo.
Página de muestra funciona Google Chrome 4 y Safari 4.
Simplemente establece la propiedad de altura. La altura de línea funcionó en Safari en Windows, pero no en Mac. Altura trabajada en ambos.
También puede aumentar el tamaño de la fuente para ayudar con la altura. Creo que Safari mac muestra hasta 16px de tamaño de fuente. Al menos obtiene una región de clic más grande.
Utilicé jQuery combobox para esto.
Con esto, puede establecer la altura de las clases de CSS necesarias a la altura que necesita que tenga su cuadro de selección.
Utilice la línea de altura para safari su trabajo.
usa la propiedad border css. haga que el borde seleccionado sea ninguno o 0. borde: ninguno ; Mostrando perfectamente en cromo y safari en mac os.
La altura no funcionará en Safari a menos que también tengas un conjunto de fondo . Si establece un fondo, puede perder las flechas desplegables en la versión de Safari de Windows. Una vez más, el estilo de la forma parece estar lleno de problemas.