iOS güçleri girdi Köşeleri ve parlamayı yuvarlak

SORU

29 EYLÜL 2011, PERŞEMBE

iOS güçleri girdi Köşeleri ve parlamayı yuvarlak

cihazlar form girişlerinde can sıkıcı tarzı bir sürü eklemek iOS, özellikle giriş[type=submit]. Aşağıda gösterilen bir iPad masaüstü bir tarayıcı ve basit bir arama formu.

Masaüstü:

Desktop

iPad:

iPad

Giriş[type=text] CSS kutuya gölge bir iç metin kullanır ve ben bile-y-border-radius:görünüşe göre geçersiz olur yok; belirtildi. Ve benim giriş[type=submit] şekil renk düğmesine tamamen iPad dejenere olur. Herkes bunu düzeltmek için ne yapabilirim biliyor mu? Şimdiden teşekkürler.

CEVAP

24 EKİM 2011, PAZARTESİ

Çalışıyordu sürümü:

input {
    -webkit-appearance: none;
}

Bazı y tarayıcı sürümlerinde, border-radius hala yerde olmak ile karşı karşıya olabilir. Aşağıdaki sıfırlama:

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

Buinput, select, button veya textarea gibi y tarz form tüm bileşenler için geçerli uzatılabilir.

Asıl soruya referans değeri 'yok' herhangi bir birim öğesi css tabanlı temizleniyor. kullanmazsın Ayrıca bu gizler Krom kutularını unutmayın, bu yüzden belki de input[type=text] input:not([type=checkbox]), input:not([type=radio]) gibi bir şey kullanın.

Bunu Paylaş: