初学者，碰上hover不生效的问题 折腾俩小时了 还是不清楚哪的问题，麻烦大神帮点拔下，不胜感激~~
WXML:
<view class="bottom">
<button class="btnGroup">
<button class='btn-item white' hover-class='shadow'>9</button>
<button hover-class='shadow' class='btn-item white'>8</button>
<button hover-class='shadow' class='btn-item white'>7</button>
<button hover-class='shadow' class='btn-item orange'>*</button>
</button>
</button>
</view>
WXSS:
.btnGroup {
display: flex;
flex-direction: row;
padding-left: 0;
padding-right: 0;
border-radius: 0;
}
.btn-item {
width: 189rpx;
text-align: center;
line-height: 150rpx;
border-radius: 0;
}
.white {
background: #EFEFED;
}
.orange {
background: #FC9504;
}
.gray {
background: #CFCFCF;
}
icon {
position: absolute;
left: 60rpx;
top: 37rpx;
}
.shadow {
background: #000;
}
<view class="bottom">
<button class="btnGroup">？？？？
<button class='btn-item white' hover-class='shadow'>9</button>
<button hover-class='shadow' class='btn-item white'>8</button>
<button hover-class='shadow' class='btn-item white'>7</button>
<button hover-class='shadow' class='btn-item orange'>*</button>
</button>？？？
</button>？？？
</view>
基础要加强啊，哪有人用button去包裹button的？而且还多了个结束标签
谢谢您 代码没有完全复制 我会努力打好基础的
<button class="btnGroup">改为view，外层的button覆盖了内层button的点击,点击不到内层button，所以不会变色
<view class="bottom">
<view class="btnGroup">
<button class='btn-item white' hover-class='shadow'>9</button>
<button class='btn-item white' hover-class='shadow'>8</button>
<button class='btn-item white' hover-class='shadow'>7</button>
<button class='btn-item orange' hover-class='shadow'>*</button>
</view>
</view>
非常感谢 已经调试成功 ~~ 谢谢