我正在寻找一种方法来保持“焦点”属性,直到我单击其他按钮之一。
通常情况下,即使我单击其他任何地方,焦点也会消失,但是除非我仅单击其他按钮之一,否则就需要保持焦点。
也可以接受包含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>
答案 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
}