html点击提交后按钮加样式

你可以在点击提交按钮后，使用 JavaScript 给按钮添加样式，让它显示为被点击的状态。以下是一个示例：

HTML 代码：

<button id="myButton" onclick="submitForm()">提交</button>

JavaScript 代码：

function submitForm() {
  // 给按钮添加样式
  document.getElementById("myButton").classList.add("clicked");
  // 提交表单
  document.getElementById("myForm").submit();
}

CSS 代码：

#myButton {
  background-color: #4CAF50; /* 默认背景色 */
  color: white; /* 默认文字颜色 */
}

#myButton.clicked {
  background-color: #008CBA; /* 点击后的背景色 */
  color: #fff; /* 点击后的文字颜色 */
}

在上面的示例中，当点击按钮时，JavaScript 会通过 `classList.add()` 方法给按钮添加一个名为 `clicked` 的类，这个类对应的 CSS 样式会改变按钮的背景色和文字颜色，让它看起来像是被点击了一样。

相关问题

html提交按钮样式美化

为了美化HTML提交按钮的样式，可以使用CSS样式表。下面是一个简单的样式示例，可以根据自己的需要进行修改：

button[type="submit"] {
  background-color: #4CAF50; /* 设置按钮背景颜色 */
  color: white; /* 设置按钮文字颜色 */
  border: none; /* 取消按钮边框 */
  padding: 10px 20px; /* 设置按钮内边距 */
  text-align: center; /* 设置按钮文字居中 */
  text-decoration: none; /* 取消文字下划线 */
  font-size: 16px; /* 设置按钮字体大小 */
  cursor: pointer; /* 设置鼠标样式 */
  border-radius: 5px; /* 设置按钮圆角 */
  box-shadow: 0px 2px 2px #888888; /* 设置按钮阴影 */
}

button[type="submit"]:hover {
  background-color: #3e8e41; /* 设置鼠标悬停时的背景颜色 */
}

将以上代码加入到你的CSS文件中，然后将HTML提交按钮的type属性设置为“submit”，例如：

<button type="submit">提交</button>

这样就可以美化HTML提交按钮的样式了。

提交按钮html修改样式

可以通过CSS来修改提交按钮的样式，例如设置背景颜色、文字颜色、边框样式等。可以在CSS中添加以下代码来修改提交按钮的样式：

button[type="submit"] {
background-color: #4CAF50;
color: white;
border-radius: 5px;
border: none;
padding: 10px 20px;
font-size: 16px;
}

这样就可以修改提交按钮的样式了。不过，需要注意的是，不同的浏览器对CSS的支持程度不同，可能会导致样式的显示效果不同。