Element UI自定义被禁用（disabled）的单选框的样式

在Element UI中，如果你想自定义被禁用（disabled）的单选框的样式，可以使用以下步骤：

1.使用 ::v-deep 或 /deep/ 选择器:
这样可以更改被禁用单选框的样式。
2.定义样式:
通过定义选择器来修改禁用状态下单选框的外观。以下是一些可能的CSS属性可以自定义：

/* 通过 ::v-deep 或 /deep/ 选择器覆盖 Element UI 样式 */
/* 这里给出一些例子，你可以根据需求自定义样式 */

/* 调整禁用状态下标签的颜色 */
.el-radio.is-disabled .el-radio__label {
  color: #999; /* 例如，改变标签颜色为灰色 */
}

/* 调整禁用状态下单选框的样式 */
.el-radio.is-disabled .el-radio__input.is-checked .el-radio__inner {
  border-color: #999; /* 例如，改变选中的边框颜色为灰色 */
}

/* 调整禁用状态下未选中的单选框的样式 */
.el-radio.is-disabled .el-radio__input .el-radio__inner {
  border-color: #999; /* 例如，改变未选中的边框颜色为灰色 */
}

/* 调整禁用状态下悬停时的样式 */
.el-radio.is-disabled .el-radio__input:hover:not(.is-checked) .el-radio__inner {
  border-color: #ccc; /* 例如，改变悬停时的边框颜色为浅灰色 */
}

/deep/.el-radio__input.is-disabled.is-checked .el-radio__inner::after{
  background-color: #030303;
}

确保在你的项目中将这些样式应用到相应的单选框组件，这样禁用状态下的单选框样式就会按你定义的方式进行修改。