iOS Safari’de karşılaştığım bir sorundu çözümüde çok basit paylaşayım hemen.

iOS input elementine yaptığımız CSS tanımlarını uygulamıyor. Webkit’in form elemanları konusunda bazı takıntıları var.

Normalde aşağıdaki gibi görünmesi gereken buton;

enter image description here

Böyle görünüyor

enter image description here

Çözümü ise çok basit

  input {
    -webkit-appearance: none;
  }

Tanımını ekledikten sonra sizin stillerinizi algılıyor.

Kaynaklar

CSS ile kaydırma çubuğu özelleştirme

CSS ile kaydırma çubuğunu özelleştirme. Yeni çıkan Fİrefox sürümüyle birlikte glene kaydırma çubuğu özelliklerini açıklıyoruz Devamını oku

HTML5 Spellcheck özniteliği

29 November 2018 tarihinde yayınlandı.