编辑:Added Picture showing the left "padding"
我正在使用HTML输入元素和数字输入元素。 关于这两个要素。
当字符数大于输入元素大小并且您将光标移动到最后输入的字符时,在输入元素的开头添加了一些神奇的“填充”。
有什么方法可以阻止这种行为吗?
示例:
input{
width:5em;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
<input type="text" value="000"><br>
<input type="text" value="000000000"><br>
<input type="number" value="000"><br>
<input type="number" value="000000000"><br>
注意
我另外使用网格作为背景,但如果元素的填充正在改变,则网格将不适合。
答案 0 :(得分:0)
如果我理解你正确并且您需要删除对html块的填充影响,则需要使用
*{
box-sizing: border-box;
}
或者将此规则应用于所需的块。