补充:这是关于微信小程序的button问题
现在想要一个自己制作的样式按钮,用作分享功能,分享功能按钮又只能用内置button,现在要怎样调整成自己想要的效果呢?
按钮代码 <button class="foot_mini_btn" type="default" plain='true' open-type='share'><text class="foot_but_invite" > 立即邀请</text></button>
foot_mini_btn 在样式文件中无论我怎样改就是没有效果。
.foot_mini_btn{
margin-right: 10rpx;
width:50%;
color: #4eb9f7;
}
.foot_mini_btn::after {
border: 0;
}
无论怎样加样式去改变就是没有效果 各路大神都是怎样做的?
给button增加plain属性,然后要覆盖的样式后面加! important 有效!
1.先清除默认样式 例如 margin、padding等
2.设置自己需要的样式即可
button {
background: #fff !important;
border-radius: 0rpx !important;
}
button::after {
border-radius: 0rpx !important;
border: 5rpx #fff solid !important;
}
button{
..........
}
button-hover{
........//点击后的样式修改
}
button::after{
//修改border
}
直接再css中设置bottom的 style中设置尺寸。
把type="default" 删除
请问button之间间距怎么设置呀?
可以改变这个类名的权重
1.换用id
2.用important