小程序按钮边框去不掉
要去除微信小程序中的按钮边框,您可以尝试以下两种方法:
使用 button::after
伪元素
在您的CSS样式中,针对按钮添加以下样式规则:
button::after {
border: none;
}
这种方法适用于去除按钮的默认边框。如果仅使用 border: none;
无法去除边框,可能是因为微信小程序的渲染机制,此时使用 button::after
伪元素可以有效地去除边框。
为按钮添加 plain
属性
在您的HTML代码中,为按钮添加 plain="true"
属性:
<button plain="true"></button>
然后,在您的CSS样式中,设置按钮的边框样式:
button[plain] {
border: 0;
}
通过为按钮添加 plain
属性并设置为 true
,可以去除按钮的默认边框。之后,您可以通过CSS进一步自定义按钮的样式。
通过上述方法,您应该能够成功地去除微信小程序中的按钮边框,并根据需要自定义按钮的样式。