美文网首页
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