How to make a disabled select box look like a normal text box(css only)

Question

I tried to change the inline css of the select box as below

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

The select box appeared to be faded but I need it to be look like a normal text field(but still disabled).

Please help me here and thanks in advance.

Answer 1

Thank @Christoph and @Carine, i override the chose disable class by giving inline css as

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

now its working fine, thanks once again for your support.

Answer 2

You can use the disabled CSS selector.

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

Demo: http://fiddle.jshell.net/bronni/ar1qoznj/