# Forms + CSS + :active

**URL:** <https://forum.kirupa.com/t/forms-css-active/223097>\
**Category:** web dev\
**Created:** [April 19, 2007, 2:12pm UTC](https://forum.kirupa.com/t/forms-css-active/223097 "2007-04-19T14:12:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [April 19, 2007, 2:12pm UTC](https://forum.kirupa.com/t/forms-css-active/223097/1 "2007-04-19T14:12:59Z")

</div>

[LEFT]Quick question, so quick I didn’t even bother searching the forums for the answer, thats how super coolz I am.

I’m styling some inputs, and I’d like an :active, so that when the user is typing inside the input, the border changes colour… Cool, so, I have this:

```auto

input {
    padding: 3px 3px 3px 6px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

input:active
{
    border: 1px solid #ff0000;
}

```

The only problem is, the border changes red for a fraction of a second when you CLICK inside the input… Would like it to stay red, Tried searching google but no luck thus far.  
[/LEFT]