Question

我在我的webform中有标签。我已经选择了菜单列表。

我设置了悬停效果。我必须设置活动标签的颜色。颜色应该在那里，直到我选择另一个标签。但是只有当我点击其中一个标签并且在选择另一个标签之前消失时颜色才会出现。我已经尝试了很多次，但我没有得到正确的输出。请给我一些解决方案。提前做好。

<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;

}

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

CSS用于设置活动选项卡的颜色

0 个答案: