Can CSS affect the readonly functionality of a text input box?

Einstein47 · Jan 14, 2003

I have a disagreement with another of our web developers. He feels that since we have a class defined in our global css file called "readonly" that it should be able to affect a <INPUT type="text" ... > form element so that it cannot be modified. I told him that css can't do that and he would have to put the attribute "readonly" in the INPUT declaration.

Basically I do this:

Code:

<INPUT type=&quot;text&quot; name=&quot;field1&quot; class=&quot;readonly&quot; readonly value=&quot;<%=serverVariable%>&quot;>

Is the readonly attribute necessary, or is my co-worker correct that there is a way with CSS to affect that behavior? Einstein47
("The only reason I would take up exercise would be so I could hear heavy breathing again.&quot

Boomerang · Jan 14, 2003

Because you don't tell us what the CSS-class "readonly" is used for (and the code in that class), so it is hard to answer your question Is the readonly attribute necessary.

But I can answer you that, as far as I know, you can't affect a "readonly" with CSS.

But try this example, maybe you can use that then you don't have to add the attribute to all the tags and you can't make mistakes in your code:

<HTML>
<HEAD>
<TITLE></TITLE>

<script language="javascript">
function checkReadonly()
{

var Inputs = document.getElementsByTagName("INPUT&quot

;
total = Inputs.length

for (ia = 0; ia < total; ia++)
{
if (Inputs[ia].className == "readonly&quot

{
Inputs[ia].disabled = true;
Inputs[ia].style.background = "lightblue";
}
else
{
Inputs[ia].disabled = false;
Inputs[ia].style.background = "white";
}
}
}

</script>
</HEAD>

<BODY onload="checkReadonly()">
<FORM>
<INPUT type="text" name="field1" class="readonly"><br>
<INPUT type="text" name="field2" class="NOTreadonly"><br>
<INPUT type="text" name="field3"><br>
</FORM>
</BODY>
</HTML>

hope this helps,
Erik

<-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Can CSS affect the readonly functionality of a text input box?

Einstein47

Programmer

Boomerang

Programmer

Similar threads

Part and Inventory Search

Sponsor