在页面重新加载时保持单击提交按钮的颜色更改,可以通过以下步骤实现:
以下是一个示例代码:
HTML代码:
<form action="submit.php" method="post">
<input type="submit" id="submit-btn" value="Submit">
</form>
CSS代码:
#submit-btn {
background-color: #ccc; /* 默认按钮颜色 */
/* 其他样式设置 */
}
#submit-btn:active {
background-color: #f00; /* 按钮点击后的颜色 */
/* 其他样式设置 */
}
PHP代码:
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
// 处理表单提交逻辑
// ...
// 生成动态的CSS样式或者设置CSS变量
echo '<style>#submit-btn { background-color: #f00; /* 按钮点击后的颜色 */ }</style>';
}
?>
通过以上步骤,无论页面是首次加载还是重新加载,都可以保持单击提交按钮的颜色更改。请注意,以上示例代码仅为演示目的,实际应用中可能需要根据具体情况进行适当的修改和调整。
领取专属 10元无门槛券
手把手带您无忧上云