在同一个CSS中自定义不同的提交按钮,可以通过为不同的提交按钮分配不同的类名,然后在CSS中使用这些类名来定义不同的样式。以下是一个示例:
首先,在HTML中为不同的提交按钮分配不同的类名:
<form>
<input type="submit" class="btn-primary" value="提交1">
<input type="submit" class="btn-secondary" value="提交2">
</form>
接下来,在CSS中定义不同的样式:
.btn-primary {
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
.btn-secondary {
background-color: #6c757d;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
这样,在同一个CSS中就可以自定义不同的提交按钮样式了。当然,您可以根据需要自定义更多的样式,例如按钮的大小、边框、阴影等。
领取专属 10元无门槛券
手把手带您无忧上云