Question

124

Make input field readonly without changing background colour in CSS or JavaScript

rated 0 times [ 128] [ 4] / answers: 1 / hits: 33696 / 11 Years ago, tue, february 4, 2014, 12:00:00

I would like to make a HTML input field readonly but without getting the grey background that appears when I just add the attribute readonly (it should look the same as a normal field just not allow editing).

Is there a way I can realise this in CSS and/or JS, ideally with a class ?

Example field:

<input type=text style=width:96% class=myClass />

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marcos

Add To Favorites

Follow

Total Points: 331

Total Questions: 106

Total Answers: 104

Location: Gabon

Member since Sat, Jul 25, 2020

4 Years ago

marcos questions

1 The above error occurred in the < ArticlePage> component

Thu, Feb 24, 22, 00:00, 2 Years ago

1 how can i setup expiration 30minute in jwt token

Sat, Apr 17, 21, 00:00, 3 Years ago

1 Jest expect exception not working with async

Mon, Feb 1, 21, 00:00, 3 Years ago

1 Need help on a react.js error that I keep on getting

Tue, Jan 26, 21, 00:00, 3 Years ago

1 Axios error: ... .data.pipe is not a function

Wed, Jan 6, 21, 00:00, 3 Years ago

View All

answered 11 Years ago tylor · Accepted Answer

Yes, you can use the :disabled pseudo class, e.g.

input.myClass:disabled {

    /* style declaration here */

}