Можно ли отключить крестик в поле ввода текста через CSS?

Question

Можно ли отключить крестик удаления в поле ввода текста с помощью CSS?

У меня есть знак валюты справа, и я хочу избежать наложения его на фокус.

<input type="text" value="100000" />
<span style="margin-left:-1.5em">&#8364;</span>

Answer 1

Вам нужно добавить padding-right для поля ввода.При установке свойства padding-right значение валюты и входное значение не будут перекрываться.

codepen: https://codepen.io/bearnithi/pen/MLOBmG

<input type="text" style="padding-right: 20px" value="100000" />
<span style="margin-left:-1.5em">&#8364;</span>

Чтобы удалить перекрестные символы из входных данных, хранящихся в браузерах IEиспользуйте следующий CSS

/* To remove cross symbol in input field  */
input::-ms-clear {
   display: none;
}