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

Metinlerin altındaki çizgileri stillendirelim

text-decoration tanımlarının açıklamaları ve örnekleri Devamını oku

Özel yazı tipleri ve performansa etkileri

28 November 2022 tarihinde yayınlandı.

:focus-within tanımı

03 November 2022 tarihinde yayınlandı.