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

focus-visible

focus-visible tanımı ve detayı Devamını oku

Çalışma Ortamı Yenilikleri

14 October 2021 tarihinde yayınlandı.

VS Code ipuçları

11 October 2021 tarihinde yayınlandı.