單選按鈕標籤樣式

Question

我有一些單選按鈕如下所示：

<input type="radio" name="sex" id="Duration" value="Duration"/> 
<label"Duration">Date Range</label> 

我嘗試了好幾種方法，但我無法改變造型對於這些單選按鈕的標籤

可能有人請幫幫我？

Answer 1

首先，你需要更正標籤代碼，你有<label"Duration">，它應該有「爲」，類似這樣的：

<label for="Duration"> 

（在這裏閱讀： http://www.w3schools.com/tags/tag_label.asp）

然後，您需要將您的CSS定位到<label>。

在你的CSS定義試試這個：

label { 
    text-size: 11px; 
    font-weight: bold; 
} 

Answer 2

這是一個樣的造型

.radio { 
    width: 19px; 
    height: 25px; 
    padding: 0 5px 0 0; 
    background: url(checkbox.gif) no-repeat; 
    display: block; 
    clear: left; 
    float: left; 
} 

Answer 3

爲了促進有點jackJoe 在旁邊一個小東西：

「，因爲類用於我會建議使用類在‘ID’多用於相同的目的，就像一堆需要相同樣式的單選按鈕，但是大部分時間只用於一次樣式。「;

<label class="duration"> 

在CSS中你需要'。'稱之爲類和「＃」來稱呼它一個id（對不起我的英文不好）

CSS：

.duration{ 
width:21px; 
height:21px; 
margin: 0px; 
padding: 0px; 
background-image:url(images/radiobutton.png); 
background-repeat: no-repeat; 
} 

上側注意在開始其更好地使用大寫鎖定字母只使用小字母。