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;
}
网友评论