CSS can't seem to get rid of default border

so I have 1 input type text field, and I have like `5px border-radius` to it, but I can't seem to get rid of the default highlight border which is white. Even though the input field is a bit round at the edges, the default border is still rectangular, any idea how I can remove it ? thank you. ``` <input type="text" name="username" id="usrinput" size="36" value="Username" style="color:rgba(102,102,102,0.3);font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-weight:600;" /> ``` CSS: ``` #usrinput { /*border:1px solid rgba(0,0,0,0.5);*/ border:none; height:32px; border-radius:5px; outline:1px solid rgba(255,255,255,0.2); padding-left:10px; padding-right:10px; } ```