小程序如何去掉button組件的邊框
阿新 • • 發佈:2018-05-21
小程序 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組件的邊框