php - 仅使用 php 或 css 如何保持单击提交按钮的颜色更改，即使页面重新加载

Question

我有这个代码示例:

     input[type=submit]:active{
      background-color: black;
     }
      input[type=submit]:focus {
    background-color: black;
  }

在我的成就中，我希望我的表单提交按钮在单击时显示为黑色。我的问题是即使在页面刷新时我如何保持这个按钮保持不变示例:- 我希望点击提交按钮即使在页面刷新或重新加载时也保持黑色

提前致谢

Answer 1

按钮不会在页面重新加载时保持焦点或事件状态。但是，如果您的 PHP 代码设置为检测表单是否已提交，您可以向输入添加一个类，该类也会将按钮变为黑色。

<?php
  $class = ''; 
  if ( /* Some condition that tests if form was submitted */) {
    $class = 'submitted';
  }
?> 

<input type="submit" class="<?php echo $class; ?>" >

然后有下面的CSS

input[type=submit]:active,
input[type=submit]:focus, 
input[type=submit].submitted {
  background-color: black;
}