jQuery UI無線電設置 - 懸停和檢查狀態沒有Javascript

Question

由於某種原因，我找不到適當的方式來調整jQuery UI Radiosets的HOVER和SELECTED狀態。

不知道爲什麼我找不到它，也許有人可以給我一些方向？ 我想改變的是藍色文本是灰色的是白色的。 當它選擇了一個有色的BORDER而不是灰色。

我確定這很簡單，我只是不知道我錯過了什麼。

另外，我想做到這一點，而不使用Javascript如果可能的話，只是使用CSS調整...

Answer 1

這是通過直CSS很容易，一旦你知道要使用的類。您可以將單選按鈕定位到.ui-button:hover，而激活的按鈕則是.ui-state-active。

因此，考慮到一些HTML這樣的：

<div id="gender"> 
    <input type="radio" id="radio1" name="radio"><label for="radio1">Male</label> 
    <input type="radio" id="radio2" name="radio"><label for="radio2">Female</label> 
</div>​ 

你可以這樣做：

#gender .ui-button:hover { 
    /* Hover stuff goes here. */ 
} 
#gender .ui-state-active { 
    /* Active stuff goes here. */ 
} 

演示：http://jsfiddle.net/ambiguous/4k3eJ/1/