2011-04-27 50 views
0

我們正在處理IE8的瀏覽器兼容性問題。文本框的邊框不會顯示爲藍色。我們正在使用屬性選擇器 input [type =「text」] { border:solid 1px#7F9DB9; } 這僅適用於IE8而不適用於IE6。 但問題是某些文本框已經在其中定義了邊框。哪些被覆蓋。我嘗試過使用表達式,但它似乎只在DocType不存在時才起作用。 剩下的另一個選擇是讓我們在css中爲每個文本框類添加重要的邊界,這對於大項目來說確實非常乏味。 第二種解決方案是使用jquery,其中管理員是aganist。 任何人都可以指導如何實現這一目標。CSS屬性選擇器重寫Exisitng風格

+0

不要拋棄你的文檔類型的IE錯誤!先修復你的代碼。 – 2011-04-27 19:10:21

回答

1

你確定你已經defined property at the appropriate level,而不是在某個地方會覆蓋它嗎?

+0

input [type =「text」] {border:solid 1px#7F9DB9; } //這覆蓋下面的一個邊界屬性,我想保留它。 .formboxsignin { \t border-top:1px solid #eaeaea; \t border-right:1px solid #eaeaea; \t border-bottom:1px solid #eaeaea; \t border-left:1px solid #eaeaea; \t height:16px; \t font-size:65%; \t顏色:#333333; \t font-family:verdana,arial,helvetica,sans-serif; \t background-color:aliceblue } – nag 2011-04-27 19:24:11

+0

基本上不會覆蓋其中有一個類的border屬性。 – nag 2011-04-27 19:26:45

0

IE6不支持屬性選擇器,您將不得不以另一種方式定位它。我會建議添加一個CSS類 - 默認樣式將在每個瀏覽器中有所不同。

你也可以嘗試更具體,就像小腳提到的那樣。嘗試添加更多的級聯來引用該元素,並且您可能可以覆蓋它。儘可能避免使用!