六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中單選框樣式自定義的示例

發(fā)表時間：2023-12-28 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]html中單選框樣式自定義的示例：<!DOCTYPE html><html lang="en"><head><!--單選框樣式--><meta charset="UTF-8"><title&g...
html中單選框樣式自定義的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <!--單選框樣式-->
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .choice{
            position: relative;
        }
        .choice .radio{
            position: relative;
            display: inline-block;
            font-weight: 400;
            color: #0c4757;
            padding-left: 25px;
            cursor: pointer;
        }
        .choice .radio input{
            position: absolute;
            left: -9999px;
        }
        .choice .radio i{
            display: block;
            position: absolute;
            top: 6px;
            left: 0;
            width: 15px;
            height: 15px;
            outline: 0;
            border: 1px solid #666;
            border-radius: 50%;
            transition: border-color .3s;
            -webkit-transition: border-color .3s;
        }
        .choice .radio input:checked+i{
            border-color: #0c4757;
        }
        .choice .radio input+i:after{
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: red;
            opacity: 0;
            transition: opacity .1s;
            -webkit-transition: opacity .1s;
        }
        .choice .radio input:checked+i:after{
            opacity: 1;
        }
    </style>
</head>
<body>
<p class="choice">
    <label class="radio">在校生<input type="radio" name="radio" value="1" checked><i></i></label>
    <label class="radio">非在校生<input type="radio" value="2" name="radio"><i></i></label>
</p>
</body>
</html>

以上就是html中單選框樣式自定義的示例的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。
主站蜘蛛池模板： 日本视频在线观看不卡高清免费 | 五月一区二区久久综合天堂 | 天天干在线影院 | 亚州va | 色狠狠xx| 日韩亚洲欧洲在线com91tv | 亚洲国产成人久久一区二区三区 | 亚洲欧洲在线观看 | 一级黄色淫片 | 伊人国产视频 | 中文字幕精品亚洲无线码二区 | 五月婷婷俺来也 | 人人干在线 | 最新韩国伦理片大全手机在线播放 | 日日碰日日摸日日澡视频播放 | 沈樵在线观看福利 | 在线免费视频一区二区 | 日本高清免费在线观看 | 婷婷综合激六月情网 | 亚洲男人的天堂在线视频 | 欧美一级爽快片淫片高清在线观看 | 午夜免费视频观看在线播放 | 亚洲日韩精品欧美一区二区 | 丝袜美腿亚洲一区二区图片 | 一级毛片成人免费看免费不卡 | 天天干天天弄 | 色综合h| 日韩 欧美 国产 亚洲 中文 | 亚洲va中文字幕 | 日日碰夜夜爽 | 亚洲www色 | 日韩精品一区二区三区中文字幕 | 日韩毛片视频 | 色吊丝最新永久免费观看网站 | 欧美坐爱视频 | 天堂精品 | 欧美性xxxxx极品老少 | 天干天干天啪啪夜爽爽色 | 日韩黄色免费观看 | 亚洲国产日韩在线观频 | 香蕉久久夜色精品国产小优 |