您的位置： 首页 » css » 正文

CSS3个性化自定义样式的Radiobox单选框

分类：css 作者：15323441764 浏览：526 2021年8月20日 10:27 
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>CSS3个性化自定义样式的Radiobox单选框</title>
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
    <link rel="stylesheet" href="css/normalize.min.css">

</head>

<body>



  <div class="swappy-radios" role="radiogroup" aria-labelledby="swappy-radios-label">
  <h3 id="swappy-radios-label" style="width: 1000px;position: relative;left: -150px;">CSS3个性化自定义样式的Radiobox单选框</h3>
  <label>
    <input type="radio" name="options" checked /><span class="radio"></span>
    <span>First option</span>
  </label>
  <label>
    <input type="radio" name="options" /><span class="radio"></span>
    <span>Second option</span>
  </label>
  <label>
    <input type="radio" name="options" /><span class="radio"></span>
    <span>Third option</span>
  </label>
  <label>
    <input type="radio" name="options" /><span class="radio"></span>
    <span>Fourth option</span>
  </label>
  <label>
    <input type="radio" name="options" /><span class="radio"></span>
    <span>Last option</span>
  </label>
</div>
  


</body>

</html>


CSS3个性化自定义样式的Radiobox单选框
标签：

评论者:[[ schemeInfo.user.username ]]

评论内容:[[ schemeInfo.pbody ]]

评论时间:[[ schemeInfo.ptime ]]




发表你的评论:

提交评论
上一篇： CSS3自定义样式超链接按钮
下一篇： 样式独特的纯CSS3自定义下拉菜单