2012-03-05 79 views
2

這是我的html代碼。麪包屑問題ie

<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問題的截圖。謝謝。

My field/Play-by-Play

+1

爲什麼你使用'了'標籤,如果你不想使用它做? – rekire 2012-03-05 12:38:03

+1

'disabled'屬性僅用於'input','select'和'textarea'元素,而不是'a'元素。也許使用'span'來代替'a',並使用「disabled」clas',並避免這些問題。 – 2012-03-05 12:41:25

+0

好的。當然。我將刪除一個標籤。謝謝你的建議。 – 2012-03-05 12:43:50

回答

0

也許你可以使用jQuery遍歷與屬性「已禁用」 SERT爲「已禁用」的元素,然後設置樣式

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

這樣就不需要修改了很多文件,但是你只需要使用此功能

小提琴這裏http://jsfiddle.net/wZbrF/

+1

代碼有什麼問題? – 2012-03-05 12:42:34

+0

對我來說看起來不錯,所以我給了你一個贊成來對抗downvote。 – pinkgothic 2012-03-05 15:03:46

1

這是最好的組合通道從標記(爲了可讀性,可維護性等)而吃風格。所以,將你的樣式放入一個單獨的css文件中。你可能想要改變的另一件事是你的錨點周圍的跨度。相反,更好。另外,禁用屬性僅用於輸入元素。在你的情況下,它可能看起來像:

HTML:

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

CSS:

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

a { 
    text-decoration: none; 
} 

a span { 
    color: #fff; 
} 

我不知道爲什麼你有一個跨度,但在這個例子中,你可以做沒有。當然,在這種情況下,您應該將顏色樣式移動到錨點選擇器。你的代碼中奇怪的是......爲什麼要使用錨點,如果你不使用它的任何東西?

-1

試試這個

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

小提琴鏈接:http://jsfiddle.net/huFaG/

+0

請檢查小提琴鏈接它工作正常。如果你在我的代碼中發現任何錯誤。請讓我知道 – 2012-03-05 13:06:16

+0

我沒有降低你的評價,但作爲一個單挑,你的代碼只檢查第一個span-a的禁用值,但改變了所有的值;我猜這不是你想要的(或者就此而言的OP)。 – pinkgothic 2012-03-05 14:59:19