Safari css border radius köşe yuvarlamaları düzgün çalışmıyor mu? Bu konu hakkında bir çok kaynak okudum fakat net bir sonuca ulaşamadım. Özellikle html input değerleri üzerindeki tutarsızlık olukça rahatsız edici.
Yaptığım araştırmalar neticesinde bu sorunun uzun suredir var olduğunu ve safarinin bu konuyu düzeltmediği dikkatimi çekti. En azından şimdilik.
Özellikle input değerlerindeki tutarsızlık birazda safarinin kendi tasarım düzenini yansıtmak istemesiyle alakalı olabilir.
Lafı fazla uzatmadan gelelim benim buluğum geçici çözüme.
input type=”” değerinizi search olarak ayarladığınıza özellikle sıkıntı çıkaran safari alternatif olarak “text” kullandığınızda daha düzgün sonuçlar sunuyor.
Diğer taraftan kendi kafasına göre yuvarladığı dik köşeler için ise border-radius değerini mutlaka “0” olarak ayarlayınız.
Şimdilik bende işe yarayan bu yönteme alternatif bir güncelleme görürsem yazımı güncelleyeceğim. Sizin bu konuda alternatif bir çözümünüz varsa yorumlarda belirtiniz.
Safari demişken şu konu da ilginizi çekebilir: iPhone Safari Web Uygulamaları Nasıl Tam Ekran Gösterilir?