background和background-Color的区别介绍

怎么设置background-color: #aaa; 输入框的背景都没有变而设置background: #aaa;背景就改变了，多么奇怪的一个问题，接下来为大家分析下原因，遇到类似问题的朋友可以了解下

 

在设置输入框变成一条线的样式时遇到一个小问题。

无论怎么设置background-color: #aaa; 输入框的背景都没有变

而设置background: #aaa;背景就改变了。

后来发现原因
background 可以设置 背景颜色、背景图片、定位等

background-color 只能设置 背景颜色

设置background-color: #aaa;时仅仅改变了背景色，但此时有一个默认的的background:repeat;

而设置background: #aaa;后，相当于同时设置了background:no-repeat;

既{background-color: #aaa;background:no-repeat;}=={background: #aaa;}