时间戳

首页 > 解决方案 > 单击按钮并将光标移开后如何保持悬停效果

css - 单击按钮并将光标移开后如何保持悬停效果

问题描述

我有一个按钮，我在 CSS 中设置样式。我在按钮上有悬停效果，效果很好。但是，如果我单击按钮并将光标移开然后再次返回，则悬停效果将丢失。如何在 css 中解决这个问题？

标签： cssbuttonhover

解决方案

如果我理解正确，您可以通过将转换移动到链接而不是悬停状态来做同样的事情：

    ul li a {
    color:#999;       
    transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: color 0.5s linear; /* opera */
    -ms-transition: color 0.5s linear; /* IE 10 */
    -moz-transition: color 0.5s linear; /* Firefox */
    -webkit-transition: color 0.5s linear; /*safari and chrome */
}

ul li a:hover {
    color:black;
    cursor: pointer;
}

看这个演示

推荐阅读