ボタンの境界線スタイルを削除し、背景が完全に透明になり、背景色または背景画像が表示されます。

使用するシーン

テキストと一緒にボタン(ボタン)を配置し、その下にビデオや写真を配置する必要があることがよくあります。これは uniapp の共有機能を書いているときに発見したもので、uni.share はボタンに書かないと有効にならないので、このブログ記事が登場しました。たとえば、次の図に示すように:
ここに画像の説明を挿入
ここに画像の説明を挿入

上位コード

jsコード

//js代码
.button {
    
    
	background: rgba(0, 0, 0, 0);//设置背景色
}

button::after {
    
    
	border: none;//去除边框
}

htmlコード

<button class="button">按钮</button>

おすすめ

転載: blog.csdn.net/qq_51463650/article/details/128099991