iOS'ta Safari'de giriş tipi görünüm tarihi

Question

Mobil aygıtlarda kullanmak için normal giriş türü kullanmaya çalışıyorum. Ancak CSS'de belirlenen genişlik, Safari (veya webkit) tarafından geçersiz kılınmıştır.

CSS'ye -webkit-appearance: none; ekleyebilirim ve bu genişlik beklendiği gibi çalışır. Ama sonra istediğim tüm diğer stilleri kaybediyorum, örneğin okun bir seçici olduğunu belirtmek için.

Bir giriş türü tarihinin temel stilini koruyabilmemin bir yolu var mı, yoksa genişlik üzerinden kendim mi karar vereyim?

Answer 1

-webkit-appearance: none; her zaman seçicinin tipik stilini kaldırır ... Ancak CSS ve arka plan görüntüsünü kullanarak kolayca bir ok ekleyebilirsiniz.

Girdiyi özel olarak şekillendirmenin, aynı zamanda oku tutmanın bir yolunun farkında değilim.

Answer 2

-webkit-min-logical-width: <your desired value>'u ekleyin. Benim için problemi çözdü!

Answer 3

Yalnızca input[type='date'] ve input[type='time'] 'u seçerseniz, bu CSS hattını deneyin.

input[type='date'], input[type='time'] { 
    -webkit-appearance: none; 
}