收藏
回答

为什么在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;
}







最后一次编辑于  11-18
回答关注问题邀请回答
收藏

3 个回答

  • 才不是
    才不是
    11-18

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

    11-18
    赞同 2
    回复 1
    • 一个懒得不想动脑子的昵称
      一个懒得不想动脑子的昵称
      12-07
      嗯嗯好的,我试一下谢谢了。不好意思这么长时间才回复
      12-07
      回复
  • learner
    learner
    12-04

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

    eg:width:100% !important;

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

    12-04
    赞同 1
    回复 1
  • 大肚腩、
    大肚腩、
    11-18

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

    11-18
    赞同 1
    回复 1
    • 一个懒得不想动脑子的昵称
      一个懒得不想动脑子的昵称
      12-07
      嗯嗯好的,我试一下谢谢了。不好意思这么长时间才回复
      12-07
      回复
问题标签