Neden bazı açılır kutular (veya “seçim” kutuları) mavi renklidir, ancak diğerleri Mac OS X'te değildir?

Mac OS X'te oldukça yeniyim ve bu açılır kutuların bazılarında neden mavi renk olduğunu merak ediyorum ama diğerleri yok. Örneğin, bir web sitesinde şöyle görünür (küçük "Site seç" kutusuna bakın):

non-blue popup box

Ancak daha sonra başka bir sitede şöyle görünür ("Göster:" kutusu):

blue popup box

Bunların her biri için farklı bir isim var mı? Her ikisi de temel gibi görünüyor <select> elementler ama garip bir şekilde bir sitede mavi, diğerlerinde değil.

— Nathan
kaynak

OS X sisteminde, mavi düğmeler önceden seçilmiştir, böylece klavyede geri dönüşe basabilir ve onları seçebilirsiniz. Web’deki Safari’de (tarayıcı) bu davranış, baktığınız site tarafından kontrol edilir.

— Richard

@Richard Oh, Yahoo cevaplarında Enter tuşuna bassaydım, bu seçim kutusu aktif olur mu? Çünkü biliyorum ki mavi bir dış hatları olduğunda (bunu Chrome'da da yapar), eğer enter tuşuna basarsam odaklanacağını biliyorum ama küçük okların mavi olduğunu bilmiyorum.

— Nathan

Hayır! Mavi stil, açılır menüler için varsayılan "Aqua" stildir, ancak siteler, CSS kullanarak özelleştirebilir, bu durumda diğer stile (en azından Safari'de) değişir. Şu anda ayrıntılı bir cevap yazmak için vaktim yok!

— jtbandes

@jtbandes Açıklama için teşekkürler, ve tamamen haklısın, bunun olmasına neden olan genişlik / yükseklik ayarladılar: dl.dropbox.com/u/25819920/Screenshots/... Ama hey, en azından hala güzel görünüyorlar! İsterseniz yorumunuzu yanıt olarak gönderin; kabul edeceğim.

— Nathan

Yanıtlar:

Mavi stil, çoğu uygulamada göreceğiniz açılır menüler için varsayılan "Aqua" stildir. Bununla birlikte, siteler CSS kullanarak açılır pencerelerin görünümünü özelleştirebilir; bu durumda Safari ve Chrome gibi tarayıcılar varsayılan stilden gördüğünüz diğerine geçiş yapar.

İşte küçük bir örnek farenizi açılır menüye getirdiğinizde stil değişimini görebilirsiniz.

— jtbandes
kaynak

Başvurulan örnek sayfalarda, yol sayfasının OS X aşağı açılır menüsü gibi görünen kendi özel açılır menüsünü uyguluyor (doğrulamak için bir oturum açma oturumuna sahip değilsiniz) görünüyor, ancak "oldukça eminim" yerel bir UI Bırakma öğesi, şimdikiyle aynı veya benzer görünmesi gereken diğer platformlarda deneyin.

Öte yandan, Yahoo cevaplar sayfası, tarayıcının çalıştığı platform için varsayılan açılır aramaya uygun bir genel html veya diğer standartlara dayalı açılır menü kullanıyor. Şimdi bu sayfayı birden fazla platformda açmayı deneyin ve değişimini izleyin.

Örneğin, Yahoo cevaplarının robot üzerinde kromda nasıl göründüğünü görün Yahoo answers android chrome

Meraklı burada ise bir standart bir açılır menü üreten bazı java-script kodlarına referans Bu, İşletim Sistemi platformuna dayanan yerel bir UI görünümünü benimseyecektir.

— MrDaniel
kaynak

Windows 7'de denedim ve varsayılan açılan. Ancak, siteler onu CSS ile özelleştirmeye çalıştığında bu tarzın geçerli olduğunu düşünüyorum (sorumun altındaki yorumun söylediği gibi). Muhtemelen bir genişlik belirlediler ve diğer sürüme geçti. CSS ile değiştirmeye çalıştıklarında OSX'in ekran görüntülerinde daha önce gördüğüm XP tarzına değişmediği için mutluyum.

— Nathan

Evet, ne olduğunu anladım - burada görebildiğiniz gibi genişlik ve yükseklik belirlediler: dl.dropbox.com/u/25819920/Screenshots/...

— Nathan