小程序开发|去除button默认样式及自定义
目前支持小程序的平台有微信、QQ、支付宝、字节跳动、百度等，因为小，用完即走的特性，所以自开放出来彻底流行了，开发入门也快，就微信小程序而言，目前个人可以免费注册五个小程序资格，满1000的累计用户就可以开通流量主赚广告费，还是挺适合小白入门上手获取成就感的。
今天在帮一位同学改造个人版二手书小程序，遇到了一个容易搞忘的小小问题，需要的效果如下，
因为要获取用户信息，所以不得已使用button组件，但因为button自带样式属性，采取网上流行的，直接加border: none; 属性就行了，代码如下：
button{
border: none;
}
button::after {
border: none;
}但在设置按钮长度时候，设定的长宽失效，效果如下
.button {
border: none;
width:550rpx;
height: 100rpx;
background: linear-gradient(#fae74e, #ff9a2f);
border-radius: 60rpx;
color: #fff;
font-size: 40rpx;
letter-spacing: 4rpx;
box-shadow: 0 0 20rpx #eee;
}
button::after {
border: none;
}解决办法：
加上important
width:550rpx !important;
height: 100rpx !important;之前不需要的，最近才发现，估计是好久没写，组件都升级了
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-03-03，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
