Comment centrer le curseur dans une entrée de texte comportant un espace réservé dans Edge sans JS?

Question

Cela fonctionne dans tous les navigateurs sauf Edge. Existe-t-il une solution de contournement CSS pure?

input {
  text-align: center
}

<input placeholder="placeholder" />

Answer 1

Belle trouvaille, Tamás! Cela semble être un bug avec nos contrôles de formulaire. Notez que le curseur respecte l'instruction lorsqu'il n'y a pas d'espace réservé, mais revient à l'alignement à gauche lorsqu'il existe un espace réservé. Cela semble très involontaire et mérite d’être approfondi.

Answer 2

Essayez d'utiliser ceci. c'est la solution pour Edge lorsque vous avez déjà css de texte de champ de saisie centré

 if(window.navigator.userAgent.search(/Edge/ig)){

     $("#inputfield").focus((e)=>{
        $("#codefield").attr({placeholder: ""});
     });

     $("#codefield").blur((e)=>{
        $("#codefield").attr({placeholder: "Your Placeholder"});
     });

 }