How do you set the background color for an input box in focus? [Search]

[AshenTemper]

Here is the image showing the issue:



You can see which box is in focus (it is the one in white). I adjusted the color of these using the following in additional.css:

.textbox, textarea, select {
    background-color: #1A1A1A;
    border: 1px solid #5B5B5B;
    color: #CCCCCC;
}

Which works great except for when the box is in focus (ie, active and the mouse is in it ready for input data). I've tried a variety of things such as:

input:focus { background: pink; }
.textbox:focus { background: pink; }
.textarea:focus { background: pink; }
.select:focus { background: pink; }

But none of them have worked. Any idea on how I can change this to be a different color when in focus?