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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,704评论 1 92
  • JavaScript 1. type 类型判断 isString (o) {//是否字符串 returnObjec...
    Mr_ZhangH阅读 3,821评论 0 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,880评论 0 11
  • 在此,首先奠念那些已经离我们远去的亲人和朋友。也许因为时间的关系,他们中的很多人已被人们不自觉的遗忘,如果不是刻意...
    风雪散人阅读 1,724评论 0 1
  • 很烦啊?
    4288d7e2c092阅读 1,436评论 0 1

友情链接更多精彩内容