我是靠谱客的博主 感性汽车,最近开发中收集的这篇文章主要介绍微信小程序中如何改变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; 
  }
登录后复制

以上就是微信小程序中如何改变button按钮的样式的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是感性汽车为你收集整理的微信小程序中如何改变button按钮的样式的全部内容,希望文章能够帮你解决微信小程序中如何改变button按钮的样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(84)

评论列表共有 0 条评论

立即
投稿
返回
顶部