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


Tags: css,disabled-control

Problem :

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.



Solution :

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.


    CSS Howto..

    Keeping content “fixed” under slideshow of different image sizes

    How can I make my CSS code compatible with all browsers? [closed]

    How do I add an image directly below a text header?

    How to ensure three DIV are the same height regardless of content

    How to write a responsive semantic HTML5 page ? (With a framework ?)

    How do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart

    How to remove space between bannner and content in wordpress theme?

    How to create css shadow effect [duplicate]

    How to create a line break instead of having text going on top of itself?

    How to add percentage-of-height top/bottom margin in CSS

    How to target all elements, except last one with css?

    How to center an img inside a div

    how to stop CSS animation without javascript

    How can I add image to facebook login button?

    How to stylize second level dropdown menu list

    How can I align centered inline-block elements correctly?

    How to extract attribute values using css selectors?

    How do I use li:hover to change the WHOLE li color?

    How do I center text next to a floating image using css?

    CSS, knockout.js : how to dynamically assign id to checkbox with foreach data-bind

    How make text before ul to come in single line in html?

    How to write regular expressions in CSS

    How to use CSS media query to scale background-image to viewing window

    CSS: how to have reposition relative to a centered background image

    How to override inline css through javascript?

    CSS: How to produce rounded boxed list

    Sencha Touch 2: how to remove right arrow of datepickerfield by using css?

    How do I apply CSS styles to Raphael.js objects using jQuery?

    How to replace cycle('float: left', 'float: right') to use pure css?

    jqueryUI custom button not showing up