Question

它适用于除Edge之外的所有浏览器。是否有纯CSS解决方法？

input {
  text-align: center
}

<input placeholder="placeholder" />

Answer 1

好的发现，Tamás！这似乎是我们的表单控件的错误。请注意，光标在没有占位符时会遵循指令，但在有占位符时会回退到左对齐。这似乎是非常无意的，值得深入研究。

Answer 2

尝试使用它。当您已经将输入字段文本的CSS居中时，这就是解决边缘问题的方法

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

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

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

 }

Answer 3

这是您如何将 caret 和 placeholder 置于输入字段中 >

html

<input type="text" placeholder="type something..."/>

风格 css

input{
    text-align: center;
 }

祝你好运

如何将光标置于没有JS的Edge中具有占位符的文本输入中？

3 个答案: