css提交表单是谁给的 |css页面右侧浮动导航

/* 为表单中的文本框设置样式 */
input[type="text"], textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
}
/* 为表单中的按钮设置样式 */
button, input[type="submit"], input[type="reset"] {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 为表单中的下拉框设置样式 */
select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
/* 为表单中的复选框和单选框设置样式 */
input[type="checkbox"], input[type="radio"] {
display: none;
}
input[type="checkbox"] + label, input[type="radio"] + label {
display: inline-block;
margin-right: 10px;
padding-left: 30px;
position: relative;
cursor: pointer;
font-size: 16px;
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #ccc;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
}
input[type="checkbox"] + label:after, input[type="radio"] + label:after {
content: '';
display: none;
width: 10px;
height: 10px;
background-color: #4CAF50;
position: absolute;
left: 5px;
top: 5px;
}
input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
display: block;
}

上面的代码是一些常用的CSS样式，它们可以使大家的表单更美观、易用。注意到其中使用了CSS选择器，这使得大家可以精确地控制表单元素的样式。同时，通过设置不同的类名，也可以为表单中的不同元素提供不同的样式，使得表单更加个性化。