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;
Böyle görünüyor
Çözümü ise çok basit
input {
-webkit-appearance: none;
}Tanımını ekledikten sonra sizin stillerinizi algılıyor.
Kaynaklar
- http://stackoverflow.com/a/2918716/296373
- http://trentwalton.com/2010/07/14/css-webkit-appearance/
- blog.antenna.io/2013/02/remove-default-input-styling-from-webkit