2013-07-18 87 views
1

試圖找到答案,但我想我的搜索技能需要改造。反正:在Opera中更改禁用的輸入文本文字顏色

我正在做一些樣式文本字段(輸入),當它被禁用。基本上我使背景變成深灰色,字體顏色變白。這是完美的作品(除了color: white;之外,Safari需要一個-webkit-text-fill-color屬性) - 但歌劇不聽我說!

無論我做什麼,我在哪裏做,以及如何做,字體顏色仍然是一個非常暗灰色(我認爲是標準顏色)。如果我刪除禁用的屬性,一切都完美。殘疾人風格

摘錄我的CSS樣式的:

#customerNumberSearch[disabled="disabled"], 
#customerNumberSearch:disabled { 
    color: white; 
    -webkit-text-fill-color: white; 
} 

那麼,你如何改變禁用輸入字段的Opera中的字體顏色?


編輯 - 替代解決方案:此問題可以通過改變出禁用屬性爲readonly來規避。不過,這有一些副作用,所以請確保它適用於您。一個很好的副作用是,這還修復<問題= IE9

回答

0

ü可以嘗試下列操作之一:

[disabled] { 
    color:#fff; 
} 

OR

#customerNumberSearch[disabled] { 
    color:#fff !important; 
} 
+0

我可以不做一般的造型(因爲這是一個非常大的門戶網站的特例),但不幸的是,你的第二個想法並不奏效。 –

+0

爲了讓你知道,歌劇正在轉向下一個版本的webkit引擎,所以所有的-webkit廠商前綴將在未來的歌劇中發揮作用。我會讓你知道我是否找到解決方案 –

1

嘗試

input[disabled] { color: red;} 
+0

不幸的是,這並沒有訣竅 –

+0

你可以嘗試添加'color:red!important;'。也許它被Opera的標準覆蓋了呢? –

+0

我嘗試過'!important'的不同組合,但即使在網站呈現後(通過控制檯或開發人員插件)添加這些屬性,它仍然不會更改其顏色。只有實際得到我期望的結果的是,如果我完全刪除禁用的屬性。 –

相關問題