2018-10-12 小程序里button组件的默认样式修改

2018-10-12  本文已影响0人  tsl1127

1、在button组件里嵌套其他的组件,比如view等,会发现有些样式被限制了,这是因为button组件自带了一些样式
比如如下:


image.png

如果kefu是相对定位,text是绝对定位
会发现class="text"移不出kefu的框框外
这是因为button的默认样式里有overflow: hidden
这个时候我们另外加
button {
overflow: visible;
}

还有button里的默认文字是居中的
我们如有需要,也可以改为
button {
text-align: left;
}

还有line-height、padding等

2、用了button后,外面默认有个灰色的框框,如何去掉:
设置::after {
border: none;
}

上一篇 下一篇

猜你喜欢

热点阅读