css修改样式(css如何更改submit样式)

改变“Submit”按钮样式，是一件非常常见的任务。CSS可以轻松实现这个目标，下面介绍几种方法。

Submit

1. 使用CSS属性更改Submit按钮样式：

button[type="submit"] {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

2. 使用类更改Submit按钮样式：

Submit.mySubmitButton {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

3. 使用伪类更改Submit按钮样式：

Submit.mySubmitButton:hover {
background-color: #008CBA;
color: white;
}
.mySubmitButton:active {
background-color: #4CAF50;
transform: translateY(2px);
}

总之，使用CSS修改Submit按钮样式十分方便，只需在样式表中添加相应的代码即可。希望本文对你有帮助。