İPad / iPhone'da CSS gönderme düğmesi garip oluşturma

222

Düğmelerimi yarıçap, renkler ve kenarlıklar kullanarak CSS ile şekillendirirsem iyi görünüyorlar, ancak iphone / ipad / ipod'da korkunç görünüyorlar ... Safari Masaüstü'ndeki ile aynı render olmamalı?

resim açıklamasını buraya girin

— Francesco
kaynak

ipad / iphone giriş düğmeleri için css stil

— skolima

Yanıtlar:

454

ayy! kendimi buldum: bu satırı ihtiyacınız olan herhangi bir öğeye ekleyin

   -webkit-appearance: none;

— Francesco
kaynak

Seni seviyorum, stackoverflow ve @Francesco

— jahrichie

Harika ve işte CSS hilelerinden bu konuda harika bir makale. WebKit ve Mozilla tarafından değiştirilen diğer tüm öğeleri listeler.

— Patrick

Compass'ın bunun için bir karışımı var compass-style.org/reference/compass/css3/appearance

— Patrick Beeson

Keşke bu google aramasını 12 saat önce yapsaydım ... TEŞEKKÜR EDERİZ.

— Elly Post

Gerçekten harika! Bu tür bir sorunun iOS'ta da meydana geldiğini düşünmedik! Bir kez daha bunun için çok teşekkür ederim!

— Saurabh Prajapati

Bu kodu css dosyasına ekleyin:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Bu yardımcı olacak.

— subindas pm
kaynak

Harika! Form gönderme düğmesi şimdi

— iPad'imde

@peterkodermac lütfen üst CSS sınıfını eklemeyi unutmayın, aksi takdirde bu her girdi alanını etkileyebilir.

— subindas pm

Webkit görünümü için yukarıdaki cevap sihri yaptı, ancak düğme diğer cihazlardaki / masaüstündeki tarayıcıyla karşılaştırıldığında hala soluk / donuk görünüyordu. Ayrıca opaklığı tam olarak ayarlamam gerekiyordu (0 ile 1 arasında değişiyor)

-webkit-appearance:none;
opactiy: 1

Opaklığı ayarladıktan sonra, düğme tüm farklı cihazlarda / emülatörde / masaüstünde aynı görünüyordu.

— Priyank Thakkar
kaynak