去掉button边框样式,背景完全透明,显示出背景颜色或背景图

使用场景

我们经常会需要一个按钮(button)和文字放在一起,底下再放一个视频或者图片。这是我在写uniapp分享功能的时候发现的,uni.share只能写在button上才能生效,所以就出现了这篇的博文。例如下图所示:
在这里插入图片描述
在这里插入图片描述

上代码

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