wake-up-neo.com

Textbereich inneren Schatten auf Mobile Safari (iPhone) entfernen

Standardmäßig scheint Mobile Safari allen Eingabefeldern, einschließlich Textfeldern, den oberen inneren Schatten hinzuzufügen. Gibt es eine Möglichkeit, es zu entfernen?

Es ist besonders hässlich, wenn Sie einen weißen Hintergrund haben.

iphonemobilemobile-safari
137
Lyon

Durch Hinzufügen dieses CSS-Stils:

-webkit-appearance: none;
313
Lyon

Beim Hinzufügen des CSS-Stils

-webkit-appearance: none;

wird funktionieren, es wird alles los. Sie können dies stattdessen versuchen:

box-shadow: none !important;

Auf diese Weise behalten Sie den Abwärtspfeil.

23
Justin Tolchin

Hier ist die einfache Lösung

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

Manchmal kann es passieren, dass ein Stylesheet den appearance: none; gebrochen hat. Wenn dies passiert, kann caret verwendet werden. Der beste Weg ist, Ihren Code umzuschreiben und herauszufinden, was dort im Code enthalten ist. Der Stil von none

Bevor Sie caret verwenden, müssen Sie wissen, dass Sie Probleme mit anderen Styles haben können

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

HINWEIS: Verwenden Sie none, caret ist nicht optimal.

8
TheCrazyProfessor

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

background-clip: padding-box; 

und ich habe hier einen älteren Kommentar gefunden.

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

0
Sika Uma