iOS’da input’a tanımlanan stilleri algılamama sorununun çözümü

iOS’da input’a tanımlanan stilleri algılamama sorununun çözümü
123

Bu yazımda Web geliştiricilerin iOS Safari’de karşılaştıkları input’a tanımlanan stilleri algılamama sorunun çözümünden bahsettim.

Çözümü aslında oldukça basit olmakla birlikte hem kendim için hemde bu sorunla karşılaşacaklara yardımcı olmak amacıyla bu yazıyı hazırladım.

İşte iOS’da input’a tanımlanan stilleri algılamama sorununun çözümü;

input {
 -webkit-appearance: none;
 -webkit-border-radius: 0;
 }

Yukarıdaki yöntem sorununuzu çözmekle birlikte tavsiye ettiğim bir çözüm yöntemi değildir. Aşağıdaki şekilde input’un type tanımını kullanarak yapmanız daha sağlıklı olacaktır. Örneğin;

İnput Type Hakkında
input[type=text],
 input[type=email],
 input[type=tel],
 input[type=url],
 input[type=search] {
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 }

İki yöntemden birini kullandığınızda sizin stilleriniz iOS safari tarafından algılanmış olacak.

Yorum Yap