Q717 How do you change the color of the text in a text box after an onChange?

irt.org | Knowledge Base | JavaScript | Form 1 | Q717 [ previous next ]

Q717 How do you change the color of the text in a text box after an onChange?

Try this:

<form>
<input type="text" onChange="this.style.color='red'">
</form>

The following was submitted by Jeff Gerew

The code below not only changes the text color to blue while you are 'focused', but it highlights the background of the textbox and/or text area.

// Add this to the head section of your page
<style type="text/css">
textarea.normal { background-color:FFFFFF }
textarea.hilite { background-color:FFFFCC;color:0000FF }
.textbox_normal { background-color:#FFFFFF; }
.textbox_hilite { background-color:#FFFFCC;color:#0000FF }
</style>

// use these properties for your text box(es)
<input type="text" name="textbox1" size="30" maxlength="40" class="textbox_normal" onFocus="this.className='textbox_hilite'" onblur="this.className='textbox_normal'">

<textarea name="textarea1" cols="100" rows="2" wrap="VIRTUAL" class="normal" onFocus="this.className='hilite'" onblur="this.className='normal'"></textarea>

Feedback on 'Q717 How do you change the color of the text in a text box after an onChange?'

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 30th March 2008. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.