input 输入加了 背景图片之后，防止 默认式样 发生变化的方法

在chrome里，对一个input输入框加了背景色之后，发现 输入框 的式样变得巨丑无比。

那有么没有办法防止呢？

有，但与其说防止，不如说如何在发变了变化之后，恢复默认的式样。

 

方法就是：

按F12打开chrome的控制台，点击一个没有加背景色的输入，将其式样（就是默认式样）获取下来，

然后把这些式样再赋值给那些你加了背景图版的输入框 。

如：

 

#loginId {width: 175px;padding-left: 25px;background: url('../images/login_user.png') no-repeat left center;background-size: 20px 100%;background-color: #FFFFFF;border-bottom: 1px inset rgb(238, 238, 238);border-left: 1px inset rgb(238, 238, 238);border-right: 1px inset rgb(238, 238, 238);border-top: 1px inset rgb(238, 238, 238);}

 

以上，background-color 以下的就 chrome默认的式样。