CSS選擇器不工作在IE10

大家好我有一個CSS選擇這樣CSS選擇器不工作在IE10

table[id^="tblBody_"] tbody tr td input[type="checkbox"] 
{ 
    margin-top:-3px; 
}

HTML

<table id="tblBody_tblApplicationWizardPageDetail"> 
<tbody> 
<tr> 
    <td> 
    <input id="chkDisplayedBit" type="checkbox"/> 
    </td> 
</tr> 
</tbody> 
</table>

我要申請上覆選框這個CSS存在於表格單元格，其中表ID開頭tblBody_

這東西在IE8中正常工作，但不是在IE10中

請幫我一把。這真的很緊急。

在此先感謝

來源

2013-03-14 rahul

您可以發佈您的HTML？ – 2013-03-14 05:52:26

有沒有其他的複選框有 – PSR 2013-03-14 05:56:55

@ rob.alarcon我已更新我的html – rahul 2013-03-14 05:57:43

如果您的HTML類似於下面的代碼片段，它會工作：

<table id="tblBody_32"> 
    <tbody> 
     <tr> 
      <td> 
       <input type="checkbox" /> 
      </td> 
     </tr> 
    </tbody> 
</table>

來源

2013-03-14 05:58:05

它不適用於IE10，IE8可以正常工作 – rahul 2013-03-14 05:59:55

你確定32？爲什麼不33 ;-)？ – rochal 2013-03-14 06:02:26

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example</title> 
    <style type="text/css"> 
     *{ margin: 0px; padding: 0px; } 
     table[id^="tblBody_"]{ border-collapse:collapse; border-spacing:0; margin: 20px auto; width: 200px; } 
     table[id^="tblBody_"] tbody tr td{ border:1px solid #ddd; width: 90px;padding: 5px; } 
     table[id^="tblBody_"] tbody tr td input[type="checkbox"] { margin-left: 20px; } 
    </style> 
</head> 
<body> 
    <table id="tblBody_abc">   
     <tbody> 
      <tr> 
       <td>1</td> 
       <td><input type="checkbox" name="hobbit" id="hobbit"></td> 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html>

我用這個，它工作正常。

來源

2013-03-14 06:06:38 Vince

-1

E[foo^="bar"]

的E元素「foo」的屬性值完全始於字符串「bar」

selector level 3

和他們寫IE 10.0支持CSS3選擇see here 一個同樣由msdn IE 10支持屬性選擇器

如果一切都不起作用selectivizr是一個JavaScript實用程序，它模擬Internet Explorer 6-8中的CSS3僞類和屬性選擇器[]確實可以在IE10中工作。

來源

2013-03-14 06:09:39

問題不在選擇器中，例如您可以看到，例如，在規則中添加outline: solid red。並設置積極的邊際效果。問題似乎是IE處理複選框元素上的負邊距的方式。我不知道實際的IE 8是否也存在這個問題，但IE 10中的IE 8仿真模式有它。

簡單的解決方法是使用相對定位的，而不是消極保證金：

position: relative; top: -3px;

來源

2013-03-14 06:13:52

我試過你的解決方案，它仍然無法正常工作，但如果我給我的複選框樣式的id應用，但我想通過我的選擇器應用css – rahul 2013-03-14 06:35:24

@rahul，你是否嘗試完全替代'margin-top：-3px;'我建議的代碼？你是如何推斷它不起作用的？ 3像素的位移難以看到，但如果您嘗試使用「-30px」，效果非常明顯。 – 2013-03-14 07:20:11

CSS選擇器不工作在IE10

回答

相關問題