淘先锋技术网

首页 1 2 3 4 5 6 7

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用来设置标签的样式,比如字体加粗和右边距。