Как центрировать курсор в текстовом вводе, имеющем заполнитель в Edge без JS?

Он работает в любом браузере, кроме Edge. Есть ли чистый обходной путь CSS?

input {
  text-align: center
}
<input placeholder="placeholder" />

Источник

3 ответа

Решение

Хорошая находка, Тамас! Это похоже на ошибку с нашими элементами управления формой. Обратите внимание, что курсор учитывает инструкцию, когда нет местозаполнителя, но возвращается к выравниванию по левому краю, когда есть местозаполнитель. Это кажется очень непреднамеренным и заслуживающим внимания.

Источник

Попробуйте использовать это. это исправление для края, когда у вас уже есть css текста поля ввода по центру

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

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

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

 }
Источник

Вот что вы делаете, чтобы центрировать caret и placeholder в поле ввода

HTML

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

стиль css

      input{
    text-align: center;
 }

Удачи

Источник
Другие вопросы по тегам