1. 程式人生 > >微信小程式中更改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;
}