HTML "textarea" cannot be grayed out even if "disabled" is specified

[bonsai]

<p>test
		<textarea disabled = "ture"  id="test_field" cols="40" rows="8" maxlength="100"></textarea>
	</p>

I am trying to implement code like above on a UI page to display an input box.

I want to show a grayed out input box that doesn't accept input, but it doesn't work.

I was able to implement a function that does not accept input, but it cannot be grayed out. .

[Prince Arora]

@bonsai ,

Not getting your requirement, I have tried in my PDI and see below screenshot:

Not able to add something in the text box as expected, what is your requirement?

[bonsai]

My requirements are the following two

・Cannot enter input fields
・Input field greyed out

When you enter it in the UIpage and press the [Try It] button, it will be in the following state.

I have a problem that I can't currently gray out.

I can't enter, so I'm clearing the first one.

[Prince Arora · Accepted solution]

@bonsai 

I am not sure why it has been not grayed out for you, coz  I have used same code and it has performed both the operations for me, please update the code as mentioned below and try again!

 <textarea disabled="true" style="background-color: #EFEFEF" id="test_field" cols="40" rows="8" maxlength="100"></textarea>

If my answer solved your issue, please mark my answer as ✅ Correct & 👍Helpful based on the Impact. 

[bonsai]

Once I set the style, it worked!
thank you.