Input does not load style disabled

Question

Input does not load style disabled

Navigation

#1 by (3 votes)

2

I'm editing some input , select and textarea , removing the "default" style, but I'm having a problem. When it is like disabled , it should appear with a dark background. But it appears in white, even locked state. Does anyone know what I can change?

CSS:

input, select {
    border: 1px solid #848484; 
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px; 
    border-radius: 30px; 
    outline:0; 
    height:100px; 
    width: 350px; 
    padding-left:10px; 
    padding-right:10px; 
}

How the fund should look:

How are you getting even disabled:

css

asked by anonymous 12.04.2016 / 20:35

1 answer

How to upload file at the same time as submitting an asp.net mvc form 5 How to work with content in thymeleaf?

score 3 · Accepted Answer

You can use this:

input {
    border: 1px solid #848484; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    outline:0; 
    height:100px; 
    width: 350px; 
    padding-left:10px; 
    padding-right:10px; 
}

input[disabled]{
	background-color: #844;
}

<input type="text">
<input type="text" disabled>

In this way select input that have a disabled attribute.

jsFiddle: link