溫馨提示×

怎么在小程序中設(shè)置按鈕點擊效果

養(yǎng)魚的貓咪
572
2021-04-22 13:33:15
欄目: 云計算

在小程序中設(shè)置按鈕點擊效果的方法:1.新建項目,添加按鈕;2.設(shè)置class和hover-class樣式;3.使用class設(shè)置原有樣式;4.使用hover-class設(shè)置點擊樣式;


怎么在小程序中設(shè)置按鈕點擊效果


具體步驟如下:

1.首先,新建一個小程序項目,并在項目中添加一個按鈕;

<button >搜索<button>

2.按鈕添加好后,為按鈕設(shè)置class和hover-class樣式;

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

3.按鈕樣式設(shè)置好后,使用class屬性設(shè)置按鈕的原有樣式;

.btn{

background-color:red;

}

4.最后,按鈕的原有樣式設(shè)置好后,使用hover-class屬性設(shè)置按鈕點擊后的樣式即可;

.btn-class{

background-color:pink;

}


0