supprimer l'ombre interne du texte saisi

Question

Donc j'ai une entrée de texte, j'utilise html5, sur chrome, et je veux changer l'apparence d'une entrée de texte, j'ai enlevé le contour sur le focus (orange sur chrome), j'ai mis l'arrière-plan à une couleur claire #f1f1f1 mais maintenant il y a comme une bordure plus épaisse en haut et à gauche, comme si c'était pour avoir l'air enfoncé, quand il n'y a pas de changement de couleur d'arrière-plan cela n'arrive pas. Comment puis-je l'enlever ? Désolé, je ne peux pas fournir d'image, j'utilise un appareil mobile.

Cela se produit sur chrome, ie, et Firefox, je ne peux pas tester les autres.

Answer 1

border-style:solid; remplacera l'option inset le style. C'est ce que vous avez demandé.

border:none supprimera la bordure dans son ensemble.

border-width:1px Le programme se déroulera en quelque sorte comme avant le changement d'arrière-plan.

border:1px solid #cccccc est plus spécifique et applique les trois critères : largeur, style et couleur.

Exemple : https://jsbin.com/quleh/2/edit?html,output

Answer 2

Voici la solution pour safari mobile :

  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

conformément à https://developer.mozilla.org/en-US/docs/Web/CSS/appearance

et comme suggéré ici : Supprimer l'ombre interne du textarea sur Mobile Safari (iPhone)

Answer 3

Aucune des solutions ne fonctionne actuellement. Voici ma solution. Vous pouvez ajouter des préfixes.

box-shadow: inset 0px 0px 0px 0px red;

Answer 4

Ajouter border: none o border: 0 de ne pas supprimer du tout la bordure, ou border: 1px solid #ccc pour rendre la bordure fine et plate.

Pour supprimer le remplissage fantôme dans Firefox, vous pouvez utiliser ::-moz-focus-inner :

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

Voir Démonstration en direct .

Answer 5

Set (jeu de mots) border: 1px solid black pour que tous les côtés soient égaux et pour supprimer tout type de bordure personnalisée (autre que solide). De plus, définissez box-shadow: none pour supprimer l'ombre insérée qui lui a été appliquée.