Question

我有一个backgorund图像，想要放置一些单选按钮（单选按钮的圆圈将被隐藏，只显示标签），就在红色三角形附近（如图here所示）。我怎样才能做到这一点？请在这里查看我的代码

input[type="radio"] {
  display: none;
}
input[type="radio"]:checked + label {
  border: 2px solid red;
}

<img src="http://i.stack.imgur.com/CUTm6.png" alt="Synoptic table" align="center">
<div class="buton">
  <input type="radio" name="a" value="a" id="a" />
  <label for="a">text radio 1</label>
</div>
<div class="buton">
  <input type="radio" name="a" value="b" id="b" />
  <label for="b">text radio 2</label>
</div>
<div class="buton">
  <input type="radio" name="a" value="c" id="c" />
  <label for="c">text radio 3</label>
</div>

Answer 1

好的，设法解决了这个问题。我将该位置作为样式放在包含单选按钮的div中

<div class="buton" style="position:absolute; left:400px; top:250px">
  <input type="radio" name="a" value="b" id="b" /> <label for="b"> radio text 2 </label>
</div>

位置单选按钮元素在背景图像

1 个答案: