我怎樣才能得到一個CSS僞元素：檢查工作在沒有Javascript的IE8？

我有兩個單選按鈕，我需要點擊設置背景顏色。我的代碼適用於除IE8以外的所有瀏覽器。這是可能得到這個IE8的工作而不使用Javascript？我怎樣才能得到一個CSS僞元素：檢查工作在沒有Javascript的IE8？

<form> 
    <input type="radio" id="m" name="gender" value="male"> 
    <label for="m">male</label> 
    <input type="radio" id="f" name="gender" value="female"> 
    <label for="f">female</label> 
</form> 

input:checked + label{ 
    background:red; 
}

http://jsfiddle.net/chrimbus/sXjyL/3/

來源

2013-07-25 nthChild

如果瀏覽器不支持CSS選擇器，在這種情況下沒有替代'：checked'，那麼恐怕答案是否定的。「 –

對於尋找這個主題的人來說，請注意：在所有的瀏覽器中，除了IE8以外，你可以在不使用JS的情況下使用CSS樣式。下面的答案描述瞭如何使用JS來支持IE8。 – nthChild

雖然IE8 understands相鄰同胞選擇，它doesn't understand的checked僞元素，所以，很遺憾，你不能讓你的代碼IE8友好僅使用CSS。

查看Selectivizr或IE7.js獲取JavaScript解決方案。

來源

2013-07-25 22:30:49 Renato

你可以試試這個：

input[checked=checked] + label{ 
    background:red; 
}

來源

2015-06-04 15:28:04 Janrider

如果頁面在checked =「checked」的情況下加載，這會起作用。但要注意的是，取消選中輸入不會改變它的外觀。 –

我怎樣才能得到一個CSS僞元素：檢查工作在沒有Javascript的IE8？

回答

相關問題