首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在同一个CSS中自定义不同的提交按钮

在同一个CSS中自定义不同的提交按钮,可以通过为不同的提交按钮分配不同的类名,然后在CSS中使用这些类名来定义不同的样式。以下是一个示例:

首先,在HTML中为不同的提交按钮分配不同的类名:

代码语言:txt
复制
<form>
 <input type="submit" class="btn-primary" value="提交1">
 <input type="submit" class="btn-secondary" value="提交2">
</form>

接下来,在CSS中定义不同的样式:

代码语言:txt
复制
.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中就可以自定义不同的提交按钮样式了。当然,您可以根据需要自定义更多的样式,例如按钮的大小、边框、阴影等。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券