图像单选按钮 - NFL 周刊
Posted
技术标签:
【中文标题】图像单选按钮 - NFL 周刊【英文标题】：Image Radio Buttons - NFL Weekly 【发布时间】：2012-07-20 13:41:16 【问题描述】：我选择使用此代码来构建每周 NFL 选秀的应用程序。任何人都可以帮助我隐藏通用单选按钮吗？我想收集每个人的所有选秀权。
<div class="buttons" runat="server">
<input type="radio" name="gp1" id="gpBAL" value="working" />
<label for="gpBAL" class="working"><span>BAL</span></label>
<input type="radio" name="gp1" id="gpNC" value="not checked" checked/>
<label for="gpNC" class="not_checked"><span> ||</span></label>
<input type="radio" name="gp1" id="gpWAS" value="faulty" />
<label for="gpWAS" class="faulty"><span>WAS</span></label>
</div>
CSS
bodyfont-family: helvetica;
input[type="radio"] -webkit-appearance:none;
input[type="radio"]+label
background: url('../images/switch.png') repeat-x;
float: left;
display:Block;
input[type="radio"] + label span
display: block;
background: url('../images/switch.png') no-repeat;
display: block;
line-height: 30px;
input[type="radio"]+label.working span
background-position: left -90px; padding: 0 10px;
input[type="radio"]+label.not_checked span
padding: 0 10px;
input[type="radio"]+label.faulty span
background-position: right -180px; padding: 0 10px;
input[type="radio"]:checked+label
background-position: left -60px;
input[type="radio"]:checked+label.working span
background-position: left -150px;
color: white;
input[type="radio"]:checked+label.faulty span
background-position: right -240px;
color: white;
input[type="radio"]:checked+label.not_checked
background-position: left -30px;
color: white;
【问题讨论】：
【参考方案1】：input[type="radio"] display: none;
隐藏单选按钮。
【讨论】：
以上是关于图像单选按钮 - NFL 周刊的主要内容，如果未能解决你的问题，请参考以下文章