css - 在 CSS 中设置图像按钮 - 图像 :active

Question

我试图通过在 class="myButton" 中定义它来用图像替换提交按钮并更改 CSS 中的样式。 myButton:active 在被点击时似乎不起作用。

这是我的 CSS:

.myButton{
    background:url(./images/but.png) no-repeat;
    cursor:pointer;
    border:none;
    width:100px;
    height:100px;
}

myButton:active {
     background:url(./images/but2.png) no-repeat;
}

HTML代码:

<input class="myButton" type="submit" value="">

Answer 1

检查这个link .您在 myButton 之前缺少 .。这是一个小错误。 :)

.myButton{
    background:url(./images/but.png) no-repeat;
    cursor:pointer;
    border:none;
    width:100px;
    height:100px;
}

.myButton:active  /* use Dot here */
{   
    background:url(./images/but2.png) no-repeat;
}