Question

我有一个输入区：

<input class="input-large" type="text" pattern="[0-9]*" maxlength="5" size="5" autofocus>

这个输入的CSS：

              .input-large{

                position: absolute;
                width: 600px;
                margin: 0 auto;

                font-size: 150px;
                text-align: left;
                border: 1;
                letter-spacing: 38px;

            }

我想达到这个目的：用户可以输入最多5个数字，如果超过5个数字，输入框将停止显示其余数字。

当我在Firefox上测试时，没关系。但是，当我在Chrome上测试时，Chrome有一个黄色的焦点矩形很好，但是当我输入超过5个数字时，之前的数字正在向左移位，它们并没有像Firefox一样保持固定。 / p>

任何人都知道如何关闭Chrome的这些功能？

-------------------------------更新--------------- ---------------------------

我通过将DIV设置为绝对且更宽的来解决了这个问题。此输入字段位于另一个div内。以前，外部div是相对的。然后我改回绝对并调整保证金。现在一切正常。

Answer 1

黄色焦点矩形来自outline。只需设置：outline: none;即可摆脱它

输入区域Chrome和Firefox表现不同

1 个答案: