ie中的breadcrumbs错误

Question

这是我的html代码。

 <div style="float:left; width:510px;"><span><a disabled="disabled" style="color:White;text-decoration:none;">MY FIELD</a></span></div>

在Firefox中，“我的字段”文本显示为白色。但在IE中，由于被禁用，它显示为灰色。我尝试过内联风格。它工作得很好。但我有很多文件。是否有可能在css或其他方式中进行更改。我已经附上了ie问题的截图。谢谢。

​

​

Answer 1

最好将样式与标记分开(为了可读性、可维护性等)。所以，把你的样式放在一个单独的css文件中。您可能想要更改的另一件事是锚点周围的跨度。另一种方式更好。此外，disabled属性仅适用于输入元素。在您的示例中，它可能类似于：

html：

<div>
    <a href="#">
        <span>MY FIELD</span>
    </a>
</div> 

css：

div {
   float: left;
   width: 510px;
}

a {
   text-decoration: none;
}

a span {
   color: #fff;
}

我不知道为什么你有一个跨度，但在这个例子中，你可以没有跨度。当然，在这种情况下，您应该将颜色移动到锚点选择器。奇怪的事情在你的代码is...why使用一个锚，如果你不使用它做任何事情？

Answer 2

也许可以使用jQuery遍历元素，并将属性"disabled“插入为"disabled”，然后设置样式

$('a[disabled=disabled]').each(function(){
   this.style.color = "White";
})

通过这种方式，您不需要修改很多文件，只需使用此函数即可

在这里拉小提琴http://jsfiddle.net/wZbrF/

Answer 3

尝尝这个

var x = $('span a').attr('disabled')
alert(x);
if (x == 'disabled') {
    $('span a').attr("style","color:#fff");
}​

小提琴链接：http://jsfiddle.net/huFaG/