CSS中的Form属性主要是用来控制表单表现的。以下是一些常用的Form属性:
.form-control { /* 设置表单控件的样式 */ font-size: 16px; padding: 10px; border: 1px solid #ccc; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { /* 设置表单控件在聚焦时的样式 */ border-color: #007bff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } button[type="submit"] { /* 设置提交按钮的样式 */ background-color: #007bff; color: #fff; padding: 10px 30px; border: none; border-radius: 5px; } input[type="checkbox"], input[type="radio"] { /* 设置复选框和单选框的样式 */ margin-right: 10px; } label { /* 设置标签的样式 */ font-weight: bold; margin-right: 10px; }
上述代码中,.form-control用来设置表单控件的样式,包括字体大小、内边距和边框。input[type="text"]:focus、input[type="password"]:focus和textarea:focus是用来设置文本框在聚焦时的样式,包括边框颜色和阴影。button[type="submit"]用来设置提交按钮的样式,包括背景颜色、字体颜色、内边距、边框和圆角。input[type="checkbox"]和input[type="radio"]用来设置复选框和单选框的样式,包括间距。label用来设置标签的样式,比如字体加粗和右边距。