按钮点击动画

Question

我正在为Android开发一个WebApp，因此我添加了一个自定义按钮，如下所示：

<div id="btRegister" onClick="register()">
    Register
</div>

CSS

#btRegister {
    height: 40px;
    width: 100px;
    font-weight: bold;
    text-align: center;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 1px;
    line-height: 40px;
    border-width: 0 8px 0 8px;
    -webkit-border-image: url('shared/btRegister.png') 0 8 0 8;
    vertical-align: middle;
}

问题是，当用户单击自定义按钮时，不会有单击该按钮的感觉(它执行register()代码时没有问题)，因此我设计了另一个名为btRegister_Clicked.png的按钮背景，因此我想知道如何才能使用户单击该按钮时，将图像更改为_clicked 1，然后返回到普通按钮，就像普通按钮一样。

Answer 1

要创建带有状态的html按钮，请使用kodeinfo的编辑器。它定义了正常的、悬停的和按下的状态，所以只需使用接口进行更改并下载html代码。您不仅可以创建状态，还可以使用渐变、边框、文本格式、图标等。