收藏
回答

wxss文件中设置无边框样式无效

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 工具 6.6.6 2.0.9 [133]

当此样式代码直接在button控件的style中填入时能实现按钮无边框的效果,但如果是在button空间用class引用wxss文件中的此样式代码则无法实现按钮无边框效果

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

11 个回答

  • Guo-jw
    Guo-jw
    2018-09-08

    button::after{

    border:none;

    }


    2018-09-08
    赞同
    回复 5
    • 拉格朗日
      拉格朗日
      2018-09-08

      试过,没用

      2018-09-08
      赞同
      回复
    • Guo-jw
      Guo-jw
      2018-09-08

      xxx.wxml

      <view>

          <button class='myBtn'>myBtn</button>

      </view>

      xxx.wxss

      .myBtn::after{

          border: none;

      } 你要的是这样子么?




      2018-09-08
      赞同
      回复
    • 拉格朗日
      拉格朗日
      2018-09-09回复Guo-jw

      .myBtn::after{border:none;}

      和.button::after{border:none;}


      我都试过,都没有效果,倒是直接在wxml的style里设置

      style='position:absolute;float:right;border:0px solid red;right:25px;width:20px;height:20px;'

      有效果

      但是如果在wxss里设置

      .btn{

      position:absolute;

      float:right;

      border:0px solid red;

      right:25px;

      width:20px;

      height:20px;

      }

      都无效,不管有没有加::after{border:none;}

      2018-09-09
      赞同 11
      回复
    • 洛
      2018-09-13回复拉格朗日

      style='border:0px'  确实有效,  而且在wxss设置是无效的

      2018-09-13
      赞同
      回复
    • C.Q.Q
      C.Q.Q
      2018-09-17

      .btn::after {

         border: none !important;

      }

      这样有效的


      2018-09-17
      赞同
      回复
  • 陈子羽
    陈子羽
    2018-09-08

    ::after这个要加上,没用的话加个!important试试看

    2018-09-08
    赞同
    回复 1
    • 拉格朗日
      拉格朗日
      2018-09-09

      !important 是啥?

      2018-09-09
      赞同
      回复
  • 拉格朗日
    拉格朗日
    2018-09-09

    我把源码和效果图给你看看



    wxml:

    <button class='btn' plain='true' bindtap='clkMinus' data-index='{{index}}'>

        <image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>

    </button>


    wxss:

    .btn{

    position:absolute;

    float:right;

    border:0px solid red;

    right:25px;

    width:20px;

    height:20px;

    }

    .btn::after{

    border: none;

    }



    wxml:

    <button class='btn' plain='true' bindtap='clkMinus' data-index='{{index}}'>

        <image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>

    </button>


    wxss:

    .btn{

    position:absolute;

    float:right;

    border:0px solid red;

    right:25px;

    width:20px;

    height:20px;

    }

    .button::after{

    border: none;

    }






    wxml:

    <button style='position:absolute;float:right;border:0px solid red;right:25px;width:20px;height:20px;' plain='true' bindtap='clkMinus' data-index='{{index}}'>

        <image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>

    </button>



    .btn::after{

        border:none;

    }

    和.button::after{

        border:none;

    }

    我都试过,没有效果,倒是直接在style里设置边框0px有效果

    2018-09-09
    赞同
    回复
  • 安铭~charles
    安铭~charles
    2018-09-24

    我也遇到这个问题, 有解决方案吗

    2018-09-24
    赞同
    回复 1
    • 拉格朗日
      拉格朗日
      2018-09-28

      把border:0px写在style里

      2018-09-28
      赞同 11
      回复