提问者:小点点

有没有办法不移除按钮的焦点?


我有三个按钮像一个选择在一个页面,当用户选择其中之一,背景颜色改变:聚焦在css和当用户点击提交按钮运行一个功能,不使页面重新加载,但焦点从选择的按钮和背景颜色改变回来,我如何保持按钮聚焦,尽管点击提交按钮?

<button class="btn btn-lg text-white mark-answers" 
 v-for="(item, index) in markAnswers" :key="index" v-on:click="answerMarked">
   <span style="color: #000;">   {{ item.answer }}       </span> 
.mark-answers  {

font-size: 23px !important;
font-weight: bold;
display:list-item !important;
background-color: #fb3;
width: 500px;

}

.mark-answers:hover {

background-color: #ffd98a;
} 

.mark-answers:focus {

background-color:#f7f2ff;
}

共1个答案

匿名用户

如果需要按钮在不再聚焦时具有此样式,则不希望对:focus状态进行样式设置。但是,您可以根据您在Vue中的当前状态向按钮添加selected类,并将其改为样式。