如何使焦点属性保持不变,直到我单击另一个按钮

时间:2019-06-11 12:57:01

标签: html css button

我正在寻找一种方法来保持“焦点”属性,直到我单击其他按钮之一。

通常情况下,即使我单击其他任何地方,焦点也会消失,但是除非我仅单击其他按钮之一,否则就需要保持焦点。

也可以接受包含JavaScript的解决方案,但前提是不使用库。

button:focus {
  color: red
}
<div class="example">
  <button>button 1</button>
  <button>button 2</button>
  <button>button 3</button>
  <button>button 4</button>
</div>

1 个答案:

答案 0 :(得分:1)

IfMaterializedViewExists
$("button").focusin(function(){
    $('button').css('color',''); // Remove Before set color to selected button
    $(this).css("color", "red"); // Set Color to Selected Button
});
button:focus {
  color: red
}