應用CSS來選擇單選按鈕

2013-07-04 133 views 2 likes

您好我現在用的是下面的代碼設計頁面上我的單選按鈕IE7 ..應用CSS來選擇單選按鈕

input[type="radio"][disabled] +label 
{ 
    color: Aqua; 
} 
input[type="radio"][checked] +label 
{ 
    font-weight: bold; 
    color: Red; 
}

的問題是，[Disabled]本部分工作正常，但[檢查]部分在IE7上不工作。我知道這有一些僞類問題。但是是否有任何解決方法只使用CSS來選擇單選按鈕的樣式？我不能使用Javascript或任何Jquery插件.. 我需要一個解決方案或者通過CSS或任何.aspx頁面。

我知道這可能是重複的，但事情是，無論我在何處尋找解決方案所提供的唯一的事情就是用javascript .. 或某些插件..（主要是selectivizr）....

我m只在css裏尋找東西

2013-07-04 Gautam

我想你的意思是服務器端作爲客戶端將是瀏覽器，因此jQuery和JavaScript。所以你需要一個CSS唯一的解決方案。 – hungerstar

回答

你想用input[type="radio"]:checked來代替。使用[checked]只匹配具有「checked」屬性的元素。

2013-07-04 05:32:13 joequincy

：只有在IE8以上不支持檢查。即IE9 +更不用說IE7 .. – Gautam

啊。是的，錯過了IE7位。在9以前的IE版本中不可能使用像Selectivizr這樣的polyfill。這就是爲什麼它在其他地方很常見的原因。沒有純粹的CSS方式來做到這一點。瀏覽器只是沒有足夠的CSS支持來僞造而不使用Javascript。 – joequincy

你不能這樣做，因爲它不支持IE7。它在IE9 +中受支持。有一些pollyfils在那裏，但所有我見過的:checked是在JavaScript中，你說沒有JS。 ASPX不會幫助你，因爲它無法操作DOM或者一旦頁面被提供就對事件作出反應，這就是JS所做的。

2013-07-04 05:39:53 hungerstar

相關問題