在问题中的面包屑错误

Question

这是我的HTML代码。

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

在Firefox＆＃34; MY FIELD＆＃34;文字显示为白色。但在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;
}

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

Answer 2

也许你可以使用jQuery迭代属性“disabled”sert为“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/