如何使複選框與IE7和IE8兼容？（使用jQuery）

IE8截圖（錯誤）： enter image description here 如何使複選框與IE7和IE8兼容？（使用jQuery）

谷歌瀏覽器「屏幕截圖」（它應該的樣子）： enter image description here

目前複選框已被使用CSS3風格是有什麼辦法使它兼容？

複選框樣式我們在JSFiddle中完成的是CSS3技術的一部分，因此較低的瀏覽器無法呈現其中的一部分，這就是原因。請檢查IE Tester上的表單（如果使用Windows，可以下載並測試較低的IE版本），您將看到我的意思。

http://www.fratelliristorante.com.au/contact.html

<p> 
<label></label> 
<input type="checkbox" id="checkbox" name="checkbox" class="regular-checkbox big-checkbox" value="Yes" checked="checked"> 
<label for="checkbox" style="margin-right:10px;"></label>Subscribe me to your mailing list for upcoming events, hot offers and deals 
</p>

注：我們還用踢反彈球（jQuery的），其中只有款式選擇框，但沒有風格複選框。

來源

2013-04-02 Josh

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]-->

現在創建一個名爲ALL-IE-only.css CSS文件，並把他的精簡版的版本IE瀏覽器，因爲他的錯誤。您可以使用相同的方法制作不同的文本框。

來源

2013-04-02 00:29:07 ExCluSiv3

這對您有何幫助？ –

如果IE僅適用於IE瀏覽器，意味着您可以添加所有使用mozilla和chrome工作但在IE中不使用的標籤/代碼，併爲您製作的複選框製作一個升級版本。 – ExCluSiv3

或者您可以編寫適用於所有瀏覽器的代碼，例如我的答案。 IE10甚至不支持條件註釋。 –

它不起作用的原因是因爲舊的IE不支持:after。

我已更新您的HTML以使用隱藏的<span>來保留複選標記，並調整CSS以切換其可見性。

Updated Fiddle

來源

2013-04-02 00:30:38

非常感謝您的答覆。 – Josh

如果此答案解決了該問題，請考慮將其標記爲已接受;） –

這仍然無法在IE7或IE8中檢查。任何其他的想法，但現在它顯示一個怪異的滴答聲。 – Josh

如何使複選框與IE7和IE8兼容？ （使用jQuery）

回答

相關問題

如何使複選框與IE7和IE8兼容？（使用jQuery）