美文网首页
2018-10-12 小程序里button组件的默认样式修改

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

作者: tsl1127 | 来源:发表于2018-10-12 15:25 被阅读0次

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;
}

相关文章

网友评论

      本文标题:2018-10-12 小程序里button组件的默认样式修改

      本文链接:https://www.haomeiwen.com/subject/tnlgaftx.html