設置樣式<input>標籤

爲什麼不能在輸入標籤中設置像字體大小一樣的樣式，例如，設置樣式<input>標籤

<input style="font-size:20px" type="radio" name="a" value="a">some text</input>

不應該使用字體屬性嗎？

其次，那麼做到這一點的最好方法是什麼？

感謝

來源

2011-09-04 Ray

我認爲，這是因爲你設置的CSS適用於輸入的「內部」標籤。

你想要的風格是它的價值，所以你需要將你的輸入封裝在一個佔位符和樣式中。

例如：

<span style="font-size:40px"> 
    <input type="radio" name="a" value="a">some text 
    <input type="radio" name="a" value="b">some text 
</span>

按預期工作。

來源

2011-09-04 02:35:11

此外，輸入的是有趣的標籤，他們的意思是自我關閉，把從技術上講是非法的;即使在XHTML輸入中也是爲了讀取（簡單地） –

我明白了，謝謝Russ。所以風格並沒有做太多......任何東西......對於帶有收音機類型的輸入標籤？ – Ray

嘗試以下操作：

<input type="radio" name="a" value="a"><span style="font-size: 50px;">some text</span></input>

如果你換一個跨度\ p標記文本，你就能風格，標籤內的文本。

來源

2011-09-04 02:36:32 Bassem

''肯定是**不是**容器元素。 –

我沒有-1（並且對沒有評論的人感到羞愧），但是這增加了更多的多餘標記，以及事實'input' [標籤不應該包含內容]（http：//www.w3 .org/TR/html401/interact/forms.html＃h-17.4）（如'img'標籤）。 – Bojangles

與上述同意。 – Bassem

有沒有很多可以做，以風格單選按鈕，但是：

<input type="radio" name="radiogroup" id="radio-1"> 
<label for="radio-1">Radio button 1</label>

你可以風格的標籤...

來源

2011-09-04 02:41:30 Chains

你真的用「for」屬性做標籤嗎？似乎很多額外的文字/打字，而不是像GoGoGarrett指出的那樣使用div。 – Ray

@Ray K當單擊標籤的文本時，如果設置了「for」屬性，則會選擇其id與「for」值匹配的輸入。使複選框/單選按鈕更易於選擇。此外，標籤由可訪問性代理（如屏幕閱讀器）使用。 –

去這個問題的最好辦法是提供風格減速在外部樣式表中，或者也許在文檔的頂部。內聯樣式通常是您想要儘可能避免的，因爲後來的更改會變得混亂，並可能導致非常髒的特定性問題。

修復的一個例子：

HTML（例如）

<div id="form"> 
    <input type="text" name="name" value="a" /> 
</div>

CSS（例如）

#form input { 
    font-size: 20px; 
}

希望這有助於。

來源

2011-09-04 02:42:24 GoGoGarrett

謝謝，我只是轉向這個。 – Ray

我知道這個問題已經有一個公認的答案，但我想這是值得一提的是：

這可能是更好的或者是<label>標籤與每個無線輸入（使用標籤的for屬性）關聯或用標籤標籤包裹每個無線電輸入。這讓您的用戶點擊文本來選擇無線電輸入，而不必瞄準一個相當小的圓圈。

所以您的標記看起來像這樣：

<input type="radio" id="radio1" name="radios" value="something 1" /> 
<label for="radio1">Something 1</label> 

<input type="radio" id="radio2" name="radios" value="something 2" /> 
<label for="radio2">Something 2</label> 

<input type="radio" id="radio3" name="radios" value="something 3" /> 
<label for="radio3">Something 3</label>

無線輸入分爲由他們的名字互斥選擇，該組將分享。標籤的for屬性中指定的值將與要選擇的無線電輸入的id屬性匹配。所以在上面的例子中，如果你點擊文本「Something 1」，那麼被選中的無線電輸入id爲radio1。

然後，您可以將標籤的文字設計爲您心中的內容。

這是關於你問題的第二部分，

「其次，什麼是做到這一點的話，最好的方法？」

來源

2011-09-07 06:21:03

設置樣式<input>標籤

回答

相關問題