css - How do I remove the white border around this input? (JSFiddle provided) -

css - How do I remove the white border around this input? (JSFiddle provided) -

http://jsfiddle.net/gn3ll/

.error { background-color: red; } <input id="firstname" class="custom error" name="first_name" type="text" placeholder="" class="input-xlarge">

there little noticeable white border around within of input box. how remove it?

just user border:none

input {border:none;}

or in error class

.error { background-color: red; border:none;}

demo

css twitter-bootstrap