CSS和输入100％宽度[重复]-Java 学习之路

这个问题在这里已有答案：

我有各种输入，我希望设置其父级的100％宽度 - 这恰好是一个16px边框的DIV .

当我将输入边框设置为ZERO并且宽度设置为100％时 - 一切都很好 . 第二个我在输入上添加了填充或边距 - 该边框上的该死的控件 .

如果我在DIV中包装输入并在选择控件时提供填充/边距（在Chrome中）INPUT获得一个焦点矩形并且看起来很荒谬......

什么是在CSS中实现这一目标的方法？

亚历克斯

1 回答

input {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
}

回复于 2024-04-26T12:22:38+08:00