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;}