微信小程式中如何改變button按鈕的樣式

這篇文章帶給大家的內容是關於微信小程式中如何改變button按鈕的樣式，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

Button按鈕

<button class=&#39;getCodeView firstListLineStyle&#39;
 disabled=&#39;{{disabled}}&#39; </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按鈕的樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！