버튼 테두리 스타일을 제거하면 배경이 완전히 투명해져 배경색 또는 배경 이미지가 표시됩니다.

사용되는 장면

텍스트와 함께 배치할 버튼(버튼), 그 아래에 배치할 동영상이나 사진이 필요한 경우가 많습니다. uniapp 공유 기능을 쓰면서 알게 된 사실인데, uni.share는 버튼에 써야만 효과가 있어서 이 블로그 글이 나오게 되었습니다. 예를 들어 아래 그림과 같이

상위 코드

js 코드

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

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

HTML 코드

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