争怎路由网/应用软件/内容

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

应用软件2022-09-04 阅读
微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态。

本篇文章给大家带来的内容是关于微信小程序中如何改变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按钮的样式的详细内容,更多请关注php中文网其它相关文章!


小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。



……