小編給大家分享一下微信小程序中如何實現按鈕去除邊框線分享頁面功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
有一個需求是分享當前頁面，使用美工的分享按鈕圖片來分享，而小程序分享功能只有button有
open-type="share"這個屬性，使用image標簽肯定不行。我是這樣做的：
<button open-type="share" > <image src='../../../image/share_btn.png'></image> </button>
加入css樣式去除button邊框
button::after{
border: none;
}實際效果如下
這樣按鈕的邊框就消失了，單純的設置border:none和outline:none沒用。
小程序的分享事件
/**
* 用戶點擊分享
*/
onShareAppMessage: function () {
return {
title: '分享',
desc: '活動描述',
path: '/xxx/xxxx?id=' + this.data.id
}
},下面在簡單看下微信小程序的button去邊框代碼
wxml
<button class='niu'>123123</button>
css
niu::after{
border:none;
}以上是“微信小程序中如何實現按鈕去除邊框線分享頁面功能”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
