禁用部分radio（实践）

最新推荐文章于 2024-09-17 16:54:26 发布

月迷津渡丶

最新推荐文章于 2024-09-17 16:54:26 发布

阅读量389

点赞数

分类专栏： Web 文章标签：前端开发

本文链接：https://blog.csdn.net/oYueMiJinDu/article/details/45200999

版权

Web 专栏收录该内容

145 篇文章 0 订阅

订阅专栏

任务：

实践：

<div class="box">
    <input type="radio" checked>全科
</div>
<div class=" box d">
    <input type="radio" disabled="disabled"><a class="zkcolor">专科</a>
    <select disabled="disabled">
        <option>请选择科室</option>
    </select>
</div>
<div class="box color">（请下载微医APP）</div>

css:

 .d {
        width: 170px;
        background-color: rgb(229, 229, 229);
        border-radius: 10px;
        padding-left: 8px;
    }

    .box {
        height: 33px;
        padding-top: 12px;
        float: left;
        display: inline;
    }

    .color{
        color: rgb(97,172,70);
    }
    .zkcolor{
        color:rgb(202,202,202);
    }

效果：