Witam,
w formularzu w polach typu input chciałem zaprezentować użytkownikowi dane, ale bez możliwości edycji, tylko do odczytu (readonly).
Niestety wyłączenie tego pola powoduje automatyczną zmianę tła, mimo że w klasie zadeklarowane jest inne. Pozostałe atrybuty nie ulegają zmianie (border, zaokrąglenie, cień wewnętrzny).

Jak sobie z tym poradzić

widok inputa:

[HTML] pobierz, plaintext 
<input value="20 zł" class="priceInp" readonly>
[HTML] pobierz, plaintext 

a css:

[HTML] pobierz, plaintext 
.priceInp {
 width:60px;
 padding: 3px 7px 3px 7px;
 text-align:center;
 font-weight:bold;
 color:#363636;
 font-size:12px;
 background-color:#ECDDBC;
 -moz-border-radius: 3px 3px 3px 3px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -o-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 1px 1px 3px #000 inset;
 -moz-box-shadow: 1px 1px 3px #000 inset;
 border: none;
}
[HTML] pobierz, plaintext 

No dobra, tylko ten problem daje się rozwiązać w 0,25 sekund (tyle trwało zapytanie do google):
https://www.google.pl/search?q=disabled%20input%20css
pierwszy wynik