输入框(input) 样式
使用 width 属性来设置输入框的宽度:
CSS 实例
input {
width: 100%;
}
以上实例中设置了所有 <input> 元素的宽度为 100%,如果你只想设置指定类型的输入框可以使用以下属性选择器:
input[type=text] - 选取文本输入框
input[type=password] - 选择密码的输入框
input[type=number] - 选择数字的输入框
...
输入框填充
使用 padding 属性可以在输入框中添加内边距。
CSS 实例
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}