微信小程序中如何改变button按钮的样式

本篇文章给大家带来的内容是关于微信小程序中如何改变button按钮的样式，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

Button按钮

<button class='getCodeView firstListLineStyle'  disabled='{{disabled}}' </button>

Button按钮样式

.getCodeView {    width: 100%;    margin-right: 20rpx;    height: 60rpx;    line-height: 60rpx;    background: #fff;    color:#1e82d2;    padding-right:0rpx;    }

修改button按钮disabled为true时 会出现灰色字体 浅灰色背景的样式

button[disabled]:not([type]) {    background-color: #fff;    color: #1e82d2 ;    }

修改button按钮带有虚边的样式

button::after {    border: none;    }

以上就是微信小程序中如何改变button按钮的样式的详细内容，更多内容请关注技术你好其它相关文章！