以下是一个示例代码,演示如何解决按钮未高亮的问题:
在上面的示例中,我们首先定义了一个未高亮的按钮样式.btn,并定义了一个高亮的按钮样式.btn.active。然后,我们使用JavaScript代码来切换按钮的高亮状态。
highlightButton()函数会在按钮被点击时触发。它首先通过document.querySelector('.btn')获取到按钮元素,然后使用classList属性来判断按钮是否已经具有.active类。如果已经有这个类,则使用classList.remove('active')来移除该类,使按钮变为未高亮状态。如果按钮没有.active类,则使用classList.add('active')来添加该类,使按钮高亮起来。
通过这种方式,我们可以根据按钮的高亮状态来切换按钮的样式,从而解决按钮未高亮的问题。