【问题标题】:How can I remove the hover effect from my tags?如何从我的标签中删除悬停效果?
【发布时间】:2018-10-15 03:18:22
【问题描述】:

我目前正在使用这个 tumblr 主题,我对代码毫无希望。我一直在尝试自己做,但无济于事。

我想去掉标签上的悬停效果,并将颜色更改为深灰色,以便不那么难查看。

我还希望能够随时看到我的标签,而不仅仅是在点击帖子时。

我该怎么做呢?

pastebin(.)com/hcGEQDM6

【问题讨论】:

标签: css tumblr tumblr-themes


【解决方案1】:

如果您只想消除所有标签上的悬停效果,则应删除 CSS 上具有 :hover 的页面样式。

带有:hover的代码:

   a:hover {
      color:{color:hover};
    } 
    
    #sidebar:hover #sidebarimage img{
        border-radius:0px;
        margin-left:-100px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
    
    #sidebar:hover .desc{
        margin-top:-2px;
        opacity:1;
        -moz-transition-duration:1s;
        -webkit-transition-duration:1s; 
        -o-transition-duration:1s;  
    } 
    
    .links a:hover {     
        text-align:center;
        color:{color:sblink};
        background:white;
        -moz-transition-duration:0.9s;
        -webkit-transition-duration:0.9s;
        -o-transition-duration:0.9s;
         text-decoration:none;
    }
    
    #sidebar:hover .links{
        margin-left:54px;
        opacity:1;
        -moz-transition-duration:0.9s;
        -webkit-transition-duration:0.9s;
        -o-transition-duration:0.9s;
    } 

 
#pagi a:hover{
    color:{color:hover};}

#info a:hover {
    text-align:center; 
    color:{color:hover} ;
    -moz-transition-duration:.8s;
    -webkit-transition-duration:.8s;
    -o-transition-duration:.8s; 

    }

#tags a:hover {    
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    color:{color:Hover};
    }

.audiop:hover{
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
#postnotes li:hover {
    color:{color:hover};

}

#postnotes li:hover a {
    color:{color:hover};
}

#credit a:hover { color: {color:linkhover};}

【讨论】:

    猜你喜欢
    • 2013-10-03
    • 2023-03-06
    • 2020-03-01
    • 2018-11-08
    • 1970-01-01
    • 1970-01-01
    • 2013-06-15
    • 2013-01-17
    • 1970-01-01
    相关资源
    最近更新 更多