display

jike_5292950 CSS3 实现下拉选择框、单选... 最后由 jike_5292950 于2016年08月27日回复

  • 2 回答
  • 741 浏览

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<style>

.radio-1{

width: 980px;

margin: 0 auto;

padding: 3% 0;

background-color: #3cc;

text-align: center;

}

.radio-1 [type:"radio"]{

display: none;

}

.radio-1 label{

display: inline-block;

position: relative;

width: 28px;

height: 28px;

border: 1px #ccc solid;

background-color: #fff;

margin-right: 10px;

cursor: pointer;

border-radius: 100%;

}

</style>

<body>

<div class="radio-1">

<input type="radio" name="radio-1" id="radio-1-1" />

<label for="radio-1-1"></label>

<input type="radio" name="radio-1" id="radio-1-2" />

<label for="radio-1-2"></label>

<input type="radio" name="radio-1" id="radio-1-3" />

<label for="radio-1-3"></label>

</div>

</body>

</html>

到 dsiplay那 小圆圈隐藏不了  达不到效果   不知道为啥

  • 上海小胖 2016年08月21日 回答 #1楼
  • 同学你好。

    针对你的问题,我看了下css部分,

    Clipboard Image.png


    有这么一个地方错了,属性不实用冒号的,是用等号的。你可以尝试下。

    加油哟~

  • 0 评论