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

不言

Lepaskan： 2018-09-18 16:20:25

asal

11853 orang telah melayarinya

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

Button按钮

<button class=&#39;getCodeView firstListLineStyle&#39;
 disabled=&#39;{{disabled}}&#39; </button>

Salin selepas log masuk

Button按钮样式

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

button::after { 
  border: none; 
  }

Salin selepas log masuk

Atas ialah kandungan terperinci 微信小程序中如何改变button按钮的样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

applet WeChat

sumber：php.cn

Artikel sebelumnya：小程序实例：如何自定义下拉刷新 Artikel seterusnya：小程序如何实现网络请求（详细过程）

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang