怎么在小程序中设置按钮点击效果 微信小程序怎么设置按钮

文章摘要：怎么在小程序中设置按钮点击效果 微信小程序怎么设置按钮

在小程序中设置按钮点击效果的方法：1.新建项目，添加按钮；2.设置class和hover-class样式；3. […]

在小程序中设置按钮点击效果的方法：1.新建项目，添加按钮；2.设置class和hover-class样式；3.使用class设置原有样式；4.使用hover-class设置点击样式；

具体步骤如下：

1.首先，新建一个小程序项目，并在项目中添加一个按钮；

<button >搜索<button>

2.按钮添加好后，为按钮设置class和hover-class样式；

<button class="btn" hover-class="btn-class">搜索<button>

3.按钮样式设置好后，使用class属性设置按钮的原有样式；

.btn{

background-color:red;

}

4.最后，按钮的原有样式设置好后，使用hover-class属性设置按钮点击后的样式即可；

.btn-class{

background-color:pink;

}