温馨提示×

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

养鱼的猫咪
575
2021-04-22 13:33:15
栏目: 云计算

在小程序中设置按钮点击效果的方法: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;

}


0