0

我的网络表单中有标签。我已经列出了菜单。

我设置了悬停效果。我必须设置活动选项卡的颜色。颜色应该在那里，直到我选择另一个选项卡。但是颜色只有在我单击一个选项卡时才会出现，然后在选择另一个选项卡之前消失。我试过了很多次，但我没有得到正确的输出。请提前给我一些解决方案。谢谢。

<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Poll</a></li>
    <li><a href="#">Members</a></li>
<ul>
.tabs
{
    width: 100%;
    margin: auto;
    overflow: hidden; /* background: #F9F9F9;*/
    float: right; /*border-bottom:1px solid #000000;*/
    /*background-color: #FF7800;*/
    padding-top:14px;}
.tabs ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;      
}
.tabs li
{
    float:left;
    /*width:50px;*/
   /*background-color:#6600FF;*/
    }
.tabs li a {

    color:#FF6700;
    /*background-color:#FFC480;*/
    display:block;
    float:left;

    height:25px;
    width:120px;
    text-align: center;
    text-decoration: none;
    border:none;
   /* border-left:1px solid #ffffff;
    border-bottom:1px solid #ffffff;   */ 
}
.tabs li a:hover {

    text-decoration:underline;
    /*background-color:#FFBA00;*/
    /*background-color:#fff;
    color:#000;*/

}

.tabs ul li a:active
{
    color:#FF9000;
    background-color:#FFB140;

}

我已经给出了我的代码。所以请为此建议我一些解决方案。我的两个项目都需要这个。对于选项卡，我只为选项卡的文本设置了颜色，并且在鼠标悬停效果上我设置了文本装饰属性。当我选择/单击其中一个选项卡时，我必须为选项卡设置背景颜色，效果应该是直到另一个选项卡被选中。

4

0 回答 0