收藏
回答

为什么在wxss里设置button宽度无法生效?

我不知道为什么在wxss里无法设置button宽度,在wxml里设置可以生效

wxml文件代码
<view class="container">
  <button class="but">
    </button>
</view>

wxss文件代码

page{
    height: 100%;
    width: 100%;
    background: #f4f4f4;
}
 
.but {
    background: #333;
    width: 100%;
}



wxml文件代码

<view class="container">
  <button style="background: #333;width: 100%;">
    </button>
</view>

wxss文件代码

page{
    height: 100%;
    width: 100%;
    background: #f4f4f4;
}







回答关注问题邀请回答
收藏

3 个回答

  • learner
    learner
    2019-12-04

    赞同楼上说的“层级不够”,所以可加上一个 !important 来提高优先级

    eg:width:100% !important;

    (在   100%   与   !important   之间加不加空格均可。)

    2019-12-04
    有用 4
    回复 1
  • 才不是
    才不是
    2019-11-18

    层级不够,button里面有很多自带样式,可以审查一下元素,将原来的样式覆盖掉

    2019-11-18
    有用 3
    回复 2
    • 一个懒得不想动脑子的昵称
      一个懒得不想动脑子的昵称
      2019-12-07
      嗯嗯好的,我试一下谢谢了。不好意思这么长时间才回复
      2019-12-07
      回复
    • 失落叶
      失落叶
      2020-01-16
      我在Android机上宽度就没问题,苹果机上宽度才不生效,要用内联才行
      2020-01-16
      回复
  • 大肚腩   、💨
    大肚腩 、💨
    2019-11-18

    你可以试试在wxss直接改button{},别用定义的class

    2019-11-18
    有用 1
    回复 1
登录 后发表内容
问题标签