背景颜色不改变其默认浏览器样式

我有我的头有些想法，包括改变一些文本输入字段我的background-color。我继续看，如果他们想看起来像我希望的那样，这是我所看到的：背景颜色不改变其默认浏览器样式

background-color for text input

第一个是真正的平原，第二个与CSS样式background-color: #FFFFFF;，最后一个有background-color: #FEFEFE;是你可以在那里体验自己：JSFiddle

只要我改变这个样式属性，浏览器似乎会解散输入元素的所有预设样式。 Internet Explorer 11甚至放弃了在文本输入字段悬停时（通常也会模糊）通常存在的蓝光。

我可以改变背景颜色而不造成所有这些吗？

无论如何，我可能会对文本输入字段进行彻底的设计，我只是出于好奇而问。

来源

2014-09-12 ThoAppelsin

我做了一些有关此研究，它的东西，这让我不知道它的真正的行为，不幸的是，我找不到任何解释到这一点，所以我只能假设，一旦你的风格的输入，外观同样，它重置为默认值，忽略浏览器为元素提供的本地样式。

我想你可能已经知道这一点，因为你最后的评论，但以防万一，这将帮助你保持对输入的模糊效果，同时，它会使他们以同样的方式呈现对于不同的浏览器，您还可以添加高度，以保持更一致。

input 
{ 
    border:solid 1px #CCC; 
    background-color:#FFFFFF; 
} 
input:focus 
{ 
    box-shadow:0 0 3px 0 blue; 
    outline:none; 
    border:solid 1px #CCC; 
}

我希望这有助于！

来源

2014-09-12 21:01:46

背景颜色不改变其默认浏览器样式

回答

相关问题