是否可以通过CSS禁用输入文本字段中的删除十字符号？

Question

是否可以通过CSS在输入文本字段中禁用删除叉号？

我在右侧有一个货币符号，并希望避免焦点重叠。

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

Answer 1

您需要为输入字段添加右填充。通过设置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;
}