温馨提示×

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

养鱼的猫咪
585
2021-04-22 13:33:15
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

}

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:小程序按钮点击变色的方法

0