如何使禁用選擇框看起來像一個普通的文本框（CSS只）

Question

我試圖改變選擇框的內聯CSS如下

.chosen-disabled .chosen-single { 
    cursor: default; 
    color: #000; 
    border: 1px solid #444; 
} 

的選擇框似乎在消退，但我需要它看起來像一個正常的文本字段（但仍然禁用）。

請在此幫助我，並提前致謝。

Answer 1

感謝@Christoph和@Carine，我重寫通過給內聯CSS的選擇禁止類作爲

.chosen-disabled { 
    opacity: 1 !important; 
} 

現在它的做工精細，再次感謝您支持。

Answer 2

DEMO

我不是100％，如果這是你在找什麼，但似乎基於關你說什麼，你想工作（應用禁用文本爲紅色）

CSS：

select { 
    cursor: default; 
    color: #000; 
    border: 3px solid #444; 
} 

select.disabled { 
    color:red; 
} 

HTML：

<select disabled class="disabled"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

Answer 3

可以使用DISABL編輯CSS選擇器。

input[type="text"]:disabled { 
    background: #dddddd; 
} 

演示： http://fiddle.jshell.net/bronni/ar1qoznj/