單選按鈕和文本方向

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標記。 並調整其選擇器填充或邊距。 一些文字