单选按钮和文本方向

Question

如何将单选按钮的文本移近按钮本身？当我创建一个单选按钮时，按钮文本显示距离按钮约10px，使得水平方向变得笨拙，因为文本开始重叠到右边的按钮上。

如何更改文本与按钮的距离？

Answer 1

请注意以下style="margin:0;"

<input type="radio" style="margin:0;" value="radio" id="radio" name="radio" />Some Text

如果你想用一个类做这个，我建议包装单选按钮，因为类型选择器不适用于所有浏览器：

    <style type="text/css">
      .nomarginradio input{ margin:0; }
    </style>
    <div class="nomarginradio">
      <input type="radio" value="radio" id="radio" name="radio" />Some Text
    </div>

Answer 2

在输入按钮的文本上放置span标记。并调整其选择器填充或边距。 一些文字