隐藏cascader中的单选框

最新推荐文章于 2024-04-21 12:42:47 发布

SuperStarRiver

最新推荐文章于 2024-04-21 12:42:47 发布

阅读量406

点赞数 1

本文链接：https://blog.csdn.net/SuperStarRiver/article/details/116243720

版权

这篇博客探讨了如何在HTML中使用不带scope的style标签来设置CSS样式。内容涉及将`.el-cascader-panel.el-radio`元素设置为绝对定位，并调整其宽度、高度和右边界，同时隐藏`.el-cascader-panel.el-radio.el-radio__input`元素，以实现特定的页面布局和交互效果。

摘要由CSDN通过智能技术生成

在带有scope的style标签外设置一个新的不带scope的style标签
在不带scope的style中写下面代码

.el-cascader-panel .el-radio {
  position: absolute;
  width:100%;
  height:100%;
  // border: 1px solid #f00;
  right:-10px;
}

.el-cascader-panel .el-radio .el-radio__input {
  visibility: hidden;
}