单击按钮时保持悬停颜色

Question

在我的每个帖子页面末尾的3个按钮上，当人们点击其中一个时，我想要悬停颜色。以下是3个按钮的示例： 在我的PHP文件中，这3个按钮位于此处：Post Page

<ul class="tabnav-widget ui-tabs-nav">
   <li class="ui-tabs-selected">
      <a class="" href="#tab1-widget">written by</a>
   </li>
   <li>
      <a class="" href="#tab3-widget">Related Posts</a>
   </li>
   <li class="">
      <a class="" href="#tab4-widget">In this Category</a>
   </li>
</ul>

但我不知道我要修改哪些CSS类以及添加哪些CSS代码以便在点击三个按钮之一时保持悬停颜色。

我提前感谢你，感谢任何帮助。

Answer 1

在CSS中更改此内容

.tabnav li:hover, .tabnav-widget li:hover {
    background: #color;
}

此外，如果您想在按下按钮时更改颜色，请使用:active。

添加如下内容：

.tabnav li:active, .tabnav-widget li:active {
    background: #color;
}