在chrome上的表单输入填充不显示

Question

我的表单输入的样式如下：

.input{


margin: 15px;
padding-inline-start: 2.75%;
border: 0.5px solid rgba(123, 126, 126, 0.41);
border-radius: 10px;
height: 35px;
width: 75%;

}

padding-inline-start: 2.75%;用于向用户输入字段的任何文本添加填充，因此文本不会到达字段边框的边缘。这适用于Firefox，但不适用于chrome，我无法弄清楚原因。感谢

在此屏幕截图中，文字略微缩进，如您所见。这就是我试图在chrome和firefox上实现的

Answer 1

你试过吗

padding-left: 10px;