如何在不生成插入效果的情况下为输入框着色

Question

我注意到如果你给一个输入元素一个背景颜色，那么盒子的外观会改变以包含一个插入效果。

CSS：

input#input1 {
}
input#input2 {
    background-color:white;
}

HTML：

<input id="input1" value ="1">
<input id="input2" value ="2">

有没有办法为输入框的背景着色而不会产生这种插入效果？

参考网址：http://jsfiddle.net/aBus6/1/

由于

Answer 1

为它添加自己的边框将解决这个问题：

  border-color:grey;
  border-width:1px;
  padding:2px;

Answer 2

您需要覆盖浏览器添加的默认css，例如

input#input2 { 
  background-color:white; 
  border:none;
  box-shadow: 0;
}

如果您检查元素，您应该能够看到浏览器添加的所有样式。