改變單選按鈕radio的預設樣式

2021-07-11 16:41:35 字數 411 閱讀 5285

預設的radio的樣式很醜,那麼如何改變其預設的樣式呢?

我最開始想的是能不能直接給radio設定背景色等,發現並沒有用!可以借助於標籤來建立乙個類似於radio的效果。

先來看下效果:

html**如下:

在校生

非在校生

樣式如下:

.choice

.choice .radio

.choice .radio input

.choice .radio i

.choice .radio input:checked+i

.choice .radio input+i:after

.choice .radio input:checked+i:after

用 jquery 操作 radio單選按鈕

隨著jquery的作用越來越大,使用的朋友也越來越多。在web中,由於checkbox radiobutton dropdownlist等控制項使用的頻率比較高,就關係到這些控制項在jquery中的操作問題。由於jquery的版本更新很快,的寫法也改變了許多,以下jquery 適query1.4版本...

jQuery操作單選按鈕 radio 用法

1.獲取選中值,四種方法都可以 input radio checked val input type radio checked val input name rd checked val var value input name radioname checked val 獲取被選中radio的v...

改變單選框radio的樣式

先附上效果圖 具體實現步驟 在input標籤後面新增乙個span標籤用來改變樣式 將input的display設定為none,然後寫span的樣式作為radio的未選中樣式 panel radio1,panel radio2,panel radio3 panel radioinput 使用after...