2011-04-27 48 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类 - 默认样式将在每个浏览器中有所不同。

你也可以尝试更具体,就像小脚提到的那样。尝试添加更多的级联来引用该元素,并且您可能可以覆盖它。尽可能避免使用!