在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默认的式样。