¿Por qué algunos cuadros emergentes (o cuadros de "selección") son de color azul pero otros no están en Mac OS X?

Soy bastante nuevo en Mac OS X y me pregunto por qué algunos de estos cuadros emergentes tienen un azul, pero otros no. Por ejemplo, en un sitio web se ve así (mira el pequeño cuadro "Seleccionar sitio"):

cuadro emergente no azul

Pero luego, en otro sitio, se ve así (el cuadro "Mostrar:"):

cuadro emergente azul

¿Hay un nombre diferente para cada uno de estos? Ambos parecen <select>elementos básicos, pero curiosamente es azul en un sitio y no en otros.

En el sistema OS X, los botones azules están preseleccionados para que uno pueda presionar regresar en el teclado y elegirlos. En Safari (navegador) en la web, este comportamiento está controlado por el sitio que está viendo.
@Richard Oh, entonces, si tuviera que presionar Intro mientras estoy en las respuestas de Yahoo, ¿ese cuadro de selección se activaría? Porque sé que cuando tiene un contorno azul (también lo hace en Chrome), si presiono Intro, lo enfocará, pero no sé si las pequeñas flechas son azules.
No. El estilo azul es el estilo "Aqua" predeterminado para los menús desplegables, pero los sitios pueden personalizarlo usando CSS, en cuyo caso cambia al otro estilo (al menos en Safari). ¡Sin embargo, no tengo tiempo para escribir una respuesta detallada en este momento!
@jtbandes Gracias por la explicación, y tiene toda la razón, establecieron un ancho/alto que es lo que causó que esto sucediera: dl.dropbox.com/u/25819920/Screenshots/… Pero bueno, ¡al menos todavía se ven bien! Si quieres, publica tu comentario como respuesta y lo aceptaré.

Respuestas (2)

El estilo azul es el estilo "Aqua" predeterminado para los menús desplegables, que es lo que verá en la mayoría de las aplicaciones. Sin embargo, los sitios pueden personalizar la apariencia de los menús desplegables usando CSS, en cuyo caso los navegadores como Safari y Chrome cambian del estilo predeterminado al otro que ves.

Aquí hay un pequeño ejemplo donde puede ver el cambio de estilo cuando coloca el mouse en el menú desplegable.

En las páginas de ejemplo a las que se hace referencia, parece que la página de yola está implementando su propio menú desplegable personalizado que parece un menú desplegable de OS X (no tengo un inicio de sesión de yola para verificar) pero estoy "bastante seguro" de que no lo es un elemento desplegable de la interfaz de usuario nativa, pruébelo en otras plataformas, debería verse igual o similar a como se ve ahora.

Mientras que, por otro lado, la página de respuestas de Yahoo utiliza un html general u otro menú desplegable basado en estándares que coincidirá con el menú desplegable predeterminado para la plataforma en la que se ejecuta el navegador. Ahora intente abrir esa página en varias plataformas y observe cómo cambia.

Por ejemplo, vea cómo se ven las respuestas de Yahoo en Chrome en Androidyahoo responde android chrome

Si tiene curiosidad, aquí hay una referencia a un código java-script que produce un menú desplegable estandarizado que adoptará una apariencia de interfaz de usuario nativa basada en la plataforma del sistema operativo.

Lo probé en Windows 7 y es el menú desplegable predeterminado. Pero creo que va a ese estilo cuando los sitios intentan personalizarlo con CSS (como dice el comentario debajo de mi pregunta). Probablemente establecieron un ancho para él, haciéndolo pasar a la otra versión. Me alegro de que no cambie a ese estilo XP que he visto antes en capturas de pantalla de OSX cuando intentan modificarlo con CSS.
Sí, veo lo que sucedió: establecieron un ancho y un alto, como puedes ver aquí: dl.dropbox.com/u/25819920/Screenshots/…
¿Por qué algunos cuadros emergentes (o cuadros de "selección") son de color azul pero otros no están en Mac OS X?
RespuestasAquíPolítica de privacidad1y, 0v