2013-10-31 71 views
0

checkbox不工作有這樣一個默認的WebKit的風格:的複選框WebKit的風格IE 8

input[type="checkbox"] { 
    -webkit-appearance: checkbox; 
box-sizing: border-box; 
} 

現在checkbox工作IE8。 我試圖通過增加解決此問題:

<!--[if IE 8]> 
<style> 
    input[type="checkbox"] { 
     font-size: 12px; 
     line-height: 1.2em; 
     /*-webkit-appearance: none; */ 
    } 
</style> 
<![endif]--> 

這對我HTML,但它仍然不工作。 由於我不是前端開發人員,如果問題中有任何錯誤,請隨時編輯。

注意:從我得到這個問題的意見,我明白,WebKit樣式不會爲IE瀏覽器工作。所以我想我需要找到一種方法來顯示默認複選框樣式與Webkit IE.Any有什麼想法?

+0

「*複選框的WebKit風格在IE 8中不起作用*」......呃,不,當然不是。 Webkit樣式僅適用於Webkit瀏覽器。 IE不是一個webkit瀏覽器。 – Spudley

+0

@Spudley請檢查我的最新更新的問題 – Athul

+0

重新您的更新:默認複選框應該「只是工作」...它是什麼關於它不適合你? – Spudley

回答

2

樣式的與-webkit-開始只會在使用Webkit渲染引擎的瀏覽器工作。

IE不使用Webkit,因此它不支持任何以-webkit-前綴開頭的內容。

CSS中前綴系統的要點是告訴我們前綴樣式是非標準和/或實驗性的。他們只能在一個特定的瀏覽器引擎中工作。

在許多(但不是全部)情況下,如果存在-webkit-樣式,則這也相當於Firefox和IE的-moz--ms-樣式。也可能有一些瀏覽器支持沒有前綴的樣式。因此,使用前綴樣式時,應始終檢查瀏覽器支持以及是否還需要指定其他替代語法。

但即使如此,他們只會在你使用支持它的瀏覽器版本時才能工作。特別是IE8是一款非常古老的瀏覽器,並且缺少對更多現代瀏覽器功能的支持。

如果現代技術在IE8中不起作用,您不應該感到驚訝。有些功能有解決方法和'polyfill'腳本,但其他功能卻無法使用此瀏覽器。

如果您需要支持IE8,您需要確保您使用的任何功能都能正常工作,如果不是,您需要接受該功能併爲IE8用戶提供合理的回退功能解決方案(因此該網站仍然可用),或找到解決辦法或替代方案。

一個很好的網站來查看是否有任何給定的功能在不同的瀏覽器上工作是CanIUse.com

1

這是因爲即不是基於webkit,但鉻和safari是。對於您的複選框,theres css會使用:before和之後:僞類。

看看查看詳情http://csscheckbox.com/

+1

恩......沒有**基於webkit的**不是**。 – Spudley

+1

Oups,對不起,我想說safari ... – Natuu