Warum sind einige Popup-Felder (oder "Auswahl"-Felder) blau gefärbt, andere jedoch nicht in Mac OS X?

Ich bin ziemlich neu in Mac OS X und frage mich, warum einige dieser Popup-Boxen blau sind, andere jedoch nicht. Auf einer Website sieht es beispielsweise so aus (siehe das kleine Feld "Site auswählen"):

nicht blaues Popup-Feld

Aber dann sieht es auf einer anderen Seite so aus (das Feld "Anzeigen:"):

blaue Popup-Box

Gibt es dafür jeweils einen anderen Namen? Sie sehen beide wie grundlegende <select>Elemente aus, aber seltsamerweise ist es auf einer Seite blau und auf anderen nicht.

Im OS X-System sind blaue Tasten vorselektiert, sodass man auf der Tastatur die Eingabetaste drücken und sie auswählen kann. In Safari (Browser) im Internet wird dieses Verhalten von der Website gesteuert, die Sie gerade betrachten.
@Richard Oh, wenn ich also die Eingabetaste drücken würde, während Yahoo antwortet, würde dieses Auswahlfeld aktiv werden? Weil ich weiß, dass, wenn es einen blauen Umriss hat (das tut es auch in Chrome), wenn ich die Eingabetaste drücke, es darauf fokussiert, aber ich weiß nicht, dass die kleinen Pfeile blau sind.
Nö. Der blaue Stil ist der standardmäßige "Aqua"-Stil für Dropdowns, aber Websites können dies mit CSS anpassen, in diesem Fall ändert er sich in den anderen Stil (zumindest in Safari). Ich habe jetzt aber keine Zeit, eine detaillierte Antwort zu schreiben!
@jtbandes Danke für die Erklärung, und du hast vollkommen Recht, sie haben eine Breite/Höhe festgelegt, die dies verursacht hat: dl.dropbox.com/u/25819920/Screenshots/… Aber hey, zumindest sehen sie immer noch gut aus! Wenn Sie möchten, posten Sie Ihren Kommentar als Antwort und ich akzeptiere ihn.

Antworten (2)

Der blaue Stil ist der standardmäßige "Aqua"-Stil für Dropdowns, den Sie in den meisten Anwendungen sehen werden. Websites können das Erscheinungsbild von Dropdowns jedoch mithilfe von CSS anpassen. In diesem Fall wechseln Browser wie Safari und Chrome vom Standardstil zu dem anderen, den Sie sehen.

Hier ist ein kleines Beispiel , in dem Sie sehen können, wie sich der Stil ändert, wenn Sie Ihre Maus auf das Dropdown-Menü bewegen.

In den Beispielseiten, auf die verwiesen wird, sieht es so aus, als würde die Yola-Seite ein eigenes benutzerdefiniertes Dropdown-Menü implementieren, das zufällig wie ein OS X-Dropdown-Menü aussieht (ich habe kein Yola-Login zur Überprüfung), aber ich bin mir "ziemlich sicher", dass dies nicht der Fall ist ein natives UI-Dropdown-Element, versuchen Sie es auf anderen Plattformen, es sollte genauso oder ähnlich aussehen wie jetzt.

Auf der anderen Seite verwendet die Yahoo-Antwortseite ein allgemeines HTML- oder auf anderen Standards basierendes Drop-down-Menü, das dem Standard-Drop-down-Look für die Plattform entspricht, auf der der Browser ausgeführt wird. Versuchen Sie nun, diese Seite auf mehreren Plattformen zu öffnen, und beobachten Sie, wie sie sich ändert.

Sehen Sie sich zum Beispiel an, wie Yahoo-Antworten auf Chrome auf Android aussehenYahoo antwortet auf Android Chrome

Wenn Sie neugierig sind, finden Sie hier einen Verweis auf einen Java-Script-Code, der ein standardisiertes Dropdown-Menü erzeugt, das ein natives UI-Erscheinungsbild basierend auf der Betriebssystemplattform annimmt.

Ich habe es unter Windows 7 ausprobiert und es ist das Standard-Dropdown. Aber ich denke, dass es zu diesem Stil passt, wenn Websites versuchen, ihn mit CSS anzupassen (wie der Kommentar unter meiner Frage sagte). Sie haben wahrscheinlich eine Breite dafür festgelegt, wodurch es sich der anderen Version zuwendet. Ich bin nur froh, dass es sich nicht in den XP-Stil ändert, den ich zuvor auf Screenshots von OSX gesehen habe, wenn sie versuchen, es mit CSS zu modifizieren.
Ja, ich verstehe, was passiert ist – sie haben eine Breite und Höhe festgelegt, wie Sie hier sehen können: dl.dropbox.com/u/25819920/Screenshots/…
Warum sind einige Popup-Felder (oder "Auswahl"-Felder) blau gefärbt, andere jedoch nicht in Mac OS X?
AntwortenHierDatenschutz-Bestimmungen1y, 0v