我有三个按钮像一个选择在一个页面,当用户选择其中之一,背景颜色改变:聚焦在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;
}
如果需要按钮
在不再聚焦时具有此样式,则不希望对:focus
状态进行样式设置。但是,您可以根据您在Vue中的当前状态向按钮添加selected
类,并将其改为样式。