12

class="myButton"我正在尝试通过在 a 中定义它并更改 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="">
4

2 回答 2

30

检查此链接。你以前失踪.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;
}
于 2012-09-22T12:27:05.400 回答
0

这对我有用。

<!DOCTYPE html> 
<form action="desired Link">
  <button>  <img src="desired image URL"/>
  </button>
</form>
<style> 

</style>
于 2020-08-29T05:39:37.560 回答