Как сделать нетрудоспособный выбрать окно выглядит как обычное текстовое поле (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 ed CSS.

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

Демо: http://fiddle.jshell.net/bronni/ar1qoznj/