Question

您好我正在尝试使用单选按钮实现座位预订系统。基本上所有单选按钮（座位）的状态都是红色，但是当选中它时会变为绿色，我已经成功找到了一种方法，

但是现在我想为单选按钮（座位）实现禁用状态，这些状态应该由用户使用该单选按钮的禁用状态进行注册。

因此无法再选择它这就是我现在所拥有的

<style type="text/css">
[type=radio]{
    position: relative;
    margin: 40px
}

[type=radio]:before{
    content: '';
    position: absolute;
    left: -15px;
    top: -15px;
    width: 32px;
    height: 32px;
    background: red
}

[type=radio]:checked:before{
    background: green;
}

[type=radio]:checked:before:disabled{
    background: black;
}


</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form>
<input type= "radio" name= "radio" />
<input type= "radio" name= "radio" />
<input name= "radio" type= "radio" disabled="disabled" />
</form>

从上面的片段我试图你实现一个禁用状态，这将是第三个状态为黑色的禁用单选按钮（注册席位）它似乎工作任何建议请，谢谢

自定义禁用无线电单选按钮的状态

0 个答案: