ElementUI 级联组件的文字选中(按钮不透明)

问题：使用级联组件的时候，只能选择单选按钮才能选中，点击文字区域无法选中
解决思路：将可点击区域无限放大
解决方案：将单选按钮的选择区域扩大，并且脱离文档流，这样点击的区域就能覆盖过文字区域。
不过网上的解决办法将单选按钮给直接透明化了，但我不想透明化，所以我将选择区域脱离文档流后，给父盒子加了14px的宽，这样就能将保持原来的布局样式。

<style lang="scss">
.el-cascader-panel {
    .el-cascader-menu {
      .el-radio {
        height: 100%;
        width: 14px;
        // 猜想的不错的话，这个应该是element的作用域，那么则可以在这里将选择的区域无限放大，并脱离文档流，这样我就可以操作dom元素的单选按钮
        .el-radio__input {
          height: 100%;
          border: none;
          width: 150px;
          position: absolute;
          display: flex;
          align-items: center;
        }
        .el-radio__input .is-checked {
          .el-radio__inner {
            background: none;
          }
        }
      }
    }
  }
</style>