HTML/CSS - Changing properties of a text field

Question

Is it possible to change the properties of a text field when it's selected/active (i.e. being typed in). I'd like to simply change the border colour but I haven't found a thing about actually doing it.

I tried using :active but that only works when the mouse is pressed (obviously I guess)

user578895 · Accepted Answer · 2011-03-24 02:07:07Z

5

the selector you want is called :focus

answered Mar 24, 2011 at 2:07

user578895

Sign up to request clarification or add additional context in comments.

Comments

Dave · Accepted Answer · 2011-03-24 02:15:26Z

1

To change the border of an input field when it's selected/active, use :focus

Example below:

HTML:

<input type="text" id="ageField" name="age" />

CSS:

#ageField:focus {
    border-color: #F00;
}

Explanation / Details @ W3Schools CSS:focus Selector

answered Mar 24, 2011 at 2:15

Dave

29.2k26 gold badges117 silver badges184 bronze badges

Comments

Suroot · Accepted Answer · 2011-03-24 02:08:42Z

0

You are looking for the onFocus/onBlur HTML elements. With these you can use Javascript to modify the colors/style tags.

onFocus/onBlur tutorial

answered Mar 24, 2011 at 2:08

Suroot

4,4531 gold badge26 silver badges28 bronze badges

Collectives™ on Stack Overflow

HTML/CSS - Changing properties of a text field

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related