更改單選按鈕的大小

單選按鈕的大小是否可以在CSS中更改 - 在所有瀏覽器中都是？我無法弄清楚如何做到這一點。如果你知道這是不可能的，請讓我知道，所以我不浪費我的時間。我還沒有研究HTML 5的CSS 3。嗯......更改單選按鈕的大小

2011-07-26 MacGyver

CSS允許表單元素的某些操作 - 所以你應該能夠設置它的高度和寬度與任何元素。然而操作系統和瀏覽器仍然對最終輸出產生影響。

在本演示中的代碼演示CSS規則和如何使用它們的樣式單選按鈕： http://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/

避免使用CSS最簡單的方法 - 這實際上是比較難實現這種變化的方式 - 是使用JavaScript和CSS自定義圖片來代替單選按鈕和其他形式的元素： http://www.emblematiq.com/lab/niceforms/

2011-07-26 23:56:04

我也讀過，但我不能＃el08顯示一個大按鈕。控件的寬度/高度看起來更大，但不是按鈕。 – MacGyver

所以使用自定義圖像的唯一方法？ – MacGyver

這真的是最簡單的 - 我使用jQuery來簡化http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/ –

雖然單選按鈕看起來是由操作系統控制的，但有一些方法可以爲單選按鈕之類的表單元素應用樣式：我們不建議修改它。

2011-07-26 23:55:03

我無法找到對所有A級瀏覽器上運行的例子.. – MacGyver

@mr。 mac guyver IE6不是A級瀏覽器。 –

我不知道。 – MacGyver

回答