首页  >  文章  >  微信小程序  >  微信小程序中如何改变button按钮的样式

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

不言
不言原创
2018-09-18 16:20:2511812浏览

本篇文章给大家带来的内容是关于微信小程序中如何改变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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关文章

查看更多