修改button样式

修改按钮样式

小程序里默认的按钮是这样子的,

attachments-2017-02-9jNRDxCP589eaa2b8ab5

在“调试->wxml”里面可以看到按钮的样式是由 button 与 button::after 一起控制的,

attachments-2017-02-S7pCXVvb589ea7a3aa4c

在修改宽度、高度的时候,需要同时修改这两处,示例代码如下:

button {
  padding: 0;
  width: 200rpx;
  height: 200rpx;
  line-height: 200rpx;
  border: 1px solid red;
}

/** 覆盖掉 */
button::after {
  width: 0;
  height: 0;
}

结果如下图:

attachments-2017-02-hJDEljFw589eaac94a0a


你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
不写代码的码农
陈海宏

1 篇文章

作家榜 更多

  1. 李得胜 22 文章
  2. 新媒广告价 17 文章
  3. admin 16 文章
  4. 非帅不可 12 文章
  5. 步非+烟花  12 文章
  6. 唱歌跑调的女生 12 文章
  7. 墨尔本情  12 文章
  8. 有头猪在看我 11 文章