html - CSS :active not working on tags

Question

我正在开发一组按钮供人们在他们的页面中使用，但 css :active 属性在 <a> 上不起作用标签。

我在 CSSDeck 上有它和 JSfIddle如果你想玩它。任何帮助表示赞赏!

Answer 1

代码:

<a class="button" href="#">KABLAM</a>

你的 css 端口 button:active仅适用于 active button的状态|标签。没有 active为您的 a 定义的属性标签或 button类(class)。您应该将定义定义为 a:active或 .button:active .

button:active, a:active{
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #2E9185),
        color-stop(1, #00FFE6)
    );
    background-image: -o-linear-gradient(bottom, #2E9185 0%, #00FFE6 100%);
    background-image: -moz-linear-gradient(bottom, #2E9185 0%, #00FFE6 100%);
    background-image: -webkit-linear-gradient(bottom, #2E9185 0%, #00FFE6 100%);
    background-image: -ms-linear-gradient(bottom, #2E9185 0%, #00FFE6 100%);
    background-image: linear-gradient(to bottom, #2E9185 0%, #00FFE6 100%);
}

现在看起来一切正常