Mobile Safari'de (iPhone) textarea iç gölgesini kaldırma

Varsayılan olarak, Mobile Safari, textarea da dahil olmak üzere tüm giriş alanlarına üst iç gölgeyi ekliyor gibi görünüyor. Kaldırmanın bir yolu var mı?

Beyaz bir arka planınız olduğunda özellikle çirkin.

Bu css stilini ekleyerek:

-webkit-appearance: none;

CSS stilini eklerken

-webkit-appearance: none;

çalışacak, her şeyden kurtulacak. Bunun yerine denemek isteyebilirsiniz:

box-shadow: none !important;

Bu şekilde aşağı oku tutarsınız.

İşte kolay çözüm

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

Bazen orada bir stil sayfası olabilir, bu appearance: none;nedenle bunu kullanmak için düzeltmenin bir yolu kırdı caret. En iyi yol, kodunuzu yeniden yazmak ve kodunuzun hangi kısmının olduğunu bulmaktır.none

Kullanmadan önce caret, diğer stillerle size biraz sorun yaşayabileceğini bilmeniz gerekir

-webkit-appearance: caret;
   -moz-appearance: caret;
     -o-appearance: caret;
        appearance: caret;

NOT: Kullanım none, caretoptimum değildir.

https://stackoverflow.com/a/51626446/9287284

background-clip: padding-box;

ve burada aynı eski cevapları buldum.

https://stackoverflow.com/a/29750016/9287284

Etiketin ya backgroundve bordercss özelliklerinin ayarlanması da inputişe yarıyor gibi görünüyor.

Bunu dene:

<style>
input {
    background: #ccc;
    border: none;
}
</style>

<form>
First name: <input type="text"/><br />
Last name: <input type="text" />
</form>