本文解析了在CSS中使用background-color与background属性的区别。通过实例说明了为什么有时仅更改background-color无法改变输入框背景颜色，而使用background属性却能达到预期效果。深入探讨了这两种属性的不同之处及其背后的原因。
怎么设置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;}
无论怎么设置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;}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
