大佬教程收集整理的这篇文章主要介绍了css – 如何忽略Bootstrap按钮组中的隐藏元素?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
问题是,如果我隐藏最后一个按钮,新的最后一个按钮的边缘不会变圆.
这是一个难以描述的问题,但很容易在Fiddle中展示.
我的问题:如何将圆角添加到按钮组中的最后一个可见按钮,而不是简单地将最后一个按钮添加到当前.
根据SO的规则,下面的Fiddle代码:
<div class="btn-group" id="sortBtns" role="group"> <button type="button" class="btn btn-default">First</button> <button type="button" class="btn btn-default">Second</button> <button type="button" class="btn btn-default">Third</button> <button type="button" class="btn btn-default">Fourth</button> <button type="button" class="btn btn-default">Fifth</button> <button type="button" class="btn btn-default">Sixth</button> </div> <div class="btn-group" id="sortBtns" role="group"> <button type="button" class="btn btn-default">First</button> <button type="button" class="btn btn-default">Second</button> <button type="button" class="btn btn-default">Third</button> <button type="button" class="btn btn-default">Fourth</button> <button type="button" class="btn btn-default">Fifth</button> <button type="button" class="btn btn-default" style="display:none;">Sixth</button> </div>
请注意第二个按钮组中“第五个”缺少圆角.
我可以通过在最后一个可见元素中添加一个新类来使用JavaScript来实现这一点,但我宁愿不这样做.是否有更简洁的CSS解决方案?
以上是大佬教程为你收集整理的css – 如何忽略Bootstrap按钮组中的隐藏元素?全部内容,希望文章能够帮你解决css – 如何忽略Bootstrap按钮组中的隐藏元素?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。