1. 程式人生 > >小程序如何去掉button組件的邊框

小程序如何去掉button組件的邊框

小程序 open bsp 按鈕 login 什麽 :after ges html

小程序獲取用戶授權不再支持wx.getUserInfo方法,改為用button獲取,格式如下

<button class="btn btn" open-type="getUserInfo" @getuserinfo="getUserInfo">授權</button> 小程序授權更改說明文檔 問題是我不想用button,我想用個圖片是否可以呢?一開始我直接用<image src=‘xxx‘ open-type="getUserInfo" @getuserinfo="getUserInfo"/>,結果無效,應使用下面的方法
 <button class
="btn" open-type="getUserInfo" @getuserinfo="getUserInfo"> <image src="../images/login.png"/> </button>

如了,這下變成按鈕圖片了,但是圖片周圍的邊框是什麽鬼

技術分享圖片

去掉邊框還不簡單嗎,寫個border:none的樣式不就好了,你可以試試有效果沒有

.btn{
   border:none
}

最終發現button的邊框是通過偽元素生成的,寫成下列代碼才行

button::after{ border:none; }

小程序如何去掉button組件的邊框