1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序 - 修改 button 边框和背景色

微信小程序 - 修改 button 边框和背景色

时间:2022-04-30 17:42:16

相关推荐

微信小程序 - 修改 button 边框和背景色

为什么80%的码农都做不了架构师?>>>

微信小程序开发中使用 button 设置禁用时候,按钮会有默认的背景色和边框,下面分享下修改按钮边框和背景色。

wxml代码:

<view><button class="publish" disabled="{{disabled}}" bindtap='submit'>发表</button></view>

wxss代码:

/* 去掉按钮边框方法一 */.publish::after {border: none;}/* 去掉按钮边框方法二 */.publish::after {border: 0;}

button 设置 disabled 之后背景颜色和字体颜色的值都是默认的 ,需要修改 disabled 背景颜色和字体颜色。

/* 修改默认背景色 */.publish[disabled][type="default"], wx-button[disabled]:not([type]) {color: #7f8389;background-color: white;border-color: white;}

水平有限,若有问题请留言交流!

互相学习,共同进步 :) 转载请注明出处谢谢!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。