Question

我的脚本中有一个输入标记，其中包含提交类型。点击后如何保持专注的CSS风格？点击网页上的任意位置后，css样式消失。我希望按钮保持其CSS样式，直到我点击其他输入。

Answer 1

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

codepen网址供参考 - http://codepen.io/nagasai/pen/zBqGRK

Answer 2

使用:focus时，单击网页上的任意位置后样式将消失。

我自己找到了一个例子，现在点击一个按钮后，如果我点击网页上的任何地方，按钮将保持其样式，除非我点击另一个按钮。

<input type="submit" id="first" value="first"><br>
<input type="submit" id="second" value="second">


<script>
$(document).ready(function(){
    $("#first").click(function(){
        $(this).css("background-color", "red");
        $("#second").css("background-color", "transparent");
    });
    $("#second").click(function(){
        $(this).css("background-color", "red");
        $("#first").css("background-color", "transparent");
    });
});
</script>

单击按钮后如何保持聚焦css样式（点击任何地方后样式消失）

2 个答案: