Input組件無(wú)點(diǎn)擊效果,input點(diǎn)擊事件不能用,input標(biāo)簽設(shè)置不可編輯-ESG跨境

Input組件無(wú)點(diǎn)擊效果,input點(diǎn)擊事件不能用,input標(biāo)簽設(shè)置不可編輯

輸入組件沒(méi)有點(diǎn)擊效果。

現(xiàn)象描述:

當(dāng)組件的輸入類型為按鈕時(shí)，設(shè)置圓角邊框半徑屬性后，點(diǎn)擊組件時(shí)沒(méi)有點(diǎn)擊效果(背景顏色沒(méi)有變化)。刪除此屬性將產(chǎn)生點(diǎn)擊效果。

代碼如下:

模板

div class =頁(yè)面包裝

type = button class = button value = animation animation/

/div

/模板

腳本

/腳本

風(fēng)格

。頁(yè)面包裝{

伸縮方向:列；

justifycontent:居中；

對(duì)齊項(xiàng)目:居中；

}

。按鈕{

顏色:# 20a0ff

背景色:紅色；

填充:10px 20px

邊框半徑:40px

}

/風(fēng)格

問(wèn)題分析:

設(shè)置圓角屬性后，引擎底部受限，無(wú)法自動(dòng)實(shí)現(xiàn)點(diǎn)擊效果，需要自己實(shí)現(xiàn)。

解決方案:

設(shè)置圓角屬性后，可以通過(guò)快速應(yīng)用的偽類實(shí)現(xiàn)按鈕點(diǎn)擊效果。

修改后的代碼如下(見(jiàn)紅色部分):

模板

div class =頁(yè)面包裝

type = button class = button value = animation animation/

/div

/模板

腳本

/腳本

風(fēng)格

。頁(yè)面包裝{

伸縮方向:列；

justifycontent:居中；

對(duì)齊項(xiàng)目:居中；

}

。按鈕{

顏色:# 20a0ff

背景色:紅色；

填充:10px 20px

邊框半徑:40px

}

。按鈕:活動(dòng){

背景色:綠色；

}

/風(fēng)格

有關(guān)更多詳細(xì)信息，請(qǐng)參見(jiàn):

快速應(yīng)用程序偽類:

https://developer . Huawei . com/consumer/cn/doc/development/quick appReferences/quick appstyle # h1578402140607

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。