在Web开发中,input标签是最常用的表单控件之一。
input有多种类型,分别对应着不同的输入数据格式,如文本、数字、日期、时间等。
为了让input更符合自己的风格和需求,我们可以通过它的class和id属性来为其添加样式。
input { padding: 10px; border: 1px solid #ccc; } input[type="text"] { border-radius: 5px; } input#submit-btn { background-color: #00bf6f; color: #fff; padding: 8px 16px; border: none; border-radius: 5px; cursor: pointer; }
通过以上 CSS 样式,我们为所有的input标签设置了 padding 和 border 样式;为type="text"的input标签设置了 border-radius 样式;为id="submit-btn"的input标签设置了背景色、文字颜色、内边距、边框、边框圆角和鼠标样式。这样就可以使input标签更加美观和易于使用。