如何在没有 JS 的情况下在 Edge 中具有占位符的文本输入中居中光标？

Question

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

 input { text-align: center }

 <input placeholder="placeholder" />

Answer 1

不错的发现，塔马斯！ 这似乎是我们表单控件的一个错误。 请注意，当没有占位符时，光标遵循指令，但在有占位符时回落到左对齐。 这似乎是无意的，值得深入研究。

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;
 }

祝你好运