如何删除此输入周围的白色边框？ （JSFiddle提供）

Question

http://jsfiddle.net/gn3LL/

 .error { background-color: red; }

 <input id="firstname" class="custom error" name="first_name" type="text" placeholder="" class="input-xlarge">

输入框内部有一个小但明显的白色边框。如何删除它？

Answer 1

border:0px;

或

border:0px solid #000;

Answer 2

只是用户边框：无

  input {border:none;}

或在您的错误类

中

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

DEMO

Answer 3

问题是你在一个元素中有两个类属性。

根据w3.org's 8.2.4.35 Attribute name state无效。

  

...如果令牌上已经存在完全相同的属性   name，那么这是一个解析错误，必须删除新属性   来自令牌。

所以你需要像这样组合它们 -

 <input id="firstname" class="custom error input-xlarge" 
     name="first_name" type="text" placeholder="" >

返回原始问题

jsfiddle

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

OR

input[type="text"] { border: 0; }

OR （将它们组合成一个之后）

.input-xlarge { border: 0; }

Answer 4

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