How to remove border around text/input boxes? (Chrome)

Question

Hello. Can anyone explain how to remove the orange border around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS i'm using:

input {
background-color:transparent;
border: 0px solid;
height:20px;
width:160px;
color:#CCC;
}

Answer 1

Use border: none; instead.

Answer 2

I've found the solution.
I used: outline:none; in the CSS and it seems to have worked. Thanks for the help anyway. :)

Answer 3

input:focus{
outline:none;
}

This will do. Orange outline won't show up anymore.

Answer 4

textarea:focus, input:focus{
outline:none
}

you may want to add some other way for users to know what element has keyboard focus though for usability.