收藏
回答

小程序中 button没有办法去掉border

问题模块
API和组件

小程序中 button没有办法去掉border或隐藏border,

border:none;

border-width:0;

这两个属性都无效


最后一次编辑于  2017-01-11  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

6 个回答

  • 小逗O
    小逗O
    2017-01-11

    button:after{

        border:none;

    }

    2017-01-11
    赞同
    回复
  • Vincenzo
    Vincenzo
    2017-02-12

    不行啊,还是没效果,请问楼主是怎么解决的

    2017-02-12
    赞同
    回复
  • jer
    jer
    2017-06-26

    我也碰到这样的问题,border没法去掉,本来想设置border的透明度但是不成功。

    2017-06-26
    赞同
    回复
  • 两毛钱的芝麻酱
    两毛钱的芝麻酱
    2017-07-07
    button {
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-left:14px;
    padding-right:14px;
    box-sizing:border-box;
    font-size:18px;
    text-align:center;
    text-decoration:none;
    line-height:2.55555556;
    border-radius:5px;
    -webkit-tap-highlight-color:transparent;
    overflow:hidden;
    color:#000000;
    background-color:#F8F8F8;
      
    }
    button::after {
    content:" ";
    width:200%;
    height:200%;
    position:absolute;
    top:0;
    left:0;
    border:1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    box-sizing:border-box;
    border-radius:10px;
      
    }

    在这里改属性 就OK了

    2017-07-07
    赞同
    回复
  • ?
    2017-07-15

    ```

    button::after {

              display: none;

            }

    ```

    2017-07-15
    赞同
    回复
  • ?
    2017-07-15

    我去,这编辑器不支持md语法。...—...

    2017-07-15
    赞同
    回复