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;
}

Answer 2

方法1：

<?php
    session_start();

    if ($_SERVER['REQUEST_METHOD'] === 'POST') { //if user clicked submit button
        $_SESSION["form_post"] = "yes";
    }

    if(isset($_SESSION['form_post']) && !empty($_SESSION['form_post'])) {?>
        <input type="hidden" value="<?php echo $_SESSION['form_post']; ?>" id="hdnPostTrue />
    <?php
    }
?>
<script>
    $(function() {
        var vHdnVal = $("#hdnPostTrue").val();
        if (vHdnVal.toLowerCase() === "yes") {
            $("your button id").addClass("button-on-post");
        }
    });
</script>

<style>
    .buttn-on-post {
        background: #000;
    }
</style>

方法2：

<?php
    session_start();
    if ($_SERVER['REQUEST_METHOD'] === 'POST') { //if user clicked submit button
        $_SESSION["form_post"] = "Yes";
    }
    if(isset($_SESSION['form_post']) && !empty($_SESSION['form_post'])) {?>

        <input type="submit" class="<?php if ($_SESSION['form_post'] === 'yes') { echo 'buttn-on-post'; }  ?>" id="your submit button" />
    <?php
    }
?>
<style>
    .buttn-on-post {
        background: #000;
    }
</style>

尚未经过全面测试，但它可以帮助您实现您的目标......如果您测试过或有任何疑问，请告诉我们。

使用只是PHP或CSS如何保持点击提交按钮颜色更改即使页面重新加载

2 个答案: