1 CSS屬性是由速記

Question

.btn-default { 
     color: #fff!important; 
     background: #303f9f!important; 
     border-color: #303f9f!important; 
     border-color: #ccc; 
     border: 1px solid; 
     text-align: center; 
     cursor: pointer; 
     color: #5e5e5e; 
     -moz-border-radius: 3px; 
     -webkit-border-radius: 3px; 
     border-radius: 3px; 
     background: -webkit-gradient(linear, 50% 0%, 50% 100%; 
    background: -moz-linear-gradient(#fefefe, #f9f9f9), #f9f9f9; 
    background: -webkit-linear-gradient(#fefefe, #f9f9f9), #f9f9f9; 
    background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9; 
    border-color: #c3c3c3 #c3c3c3 #bebebe; 

我有以下錯誤覆蓋：

".btn-default: "border"復位border-color屬性設置早期的」

我需要知道它被覆蓋請幫助我

Answer 1

它會告訴你到底在那裏覆蓋：

".btn-default: "border" resets border-color property set earlier"

當您設置border，它重置border-color。

在第4行，您設置了border-color，然後在第6行設置了border。由於您沒有在第6行指定邊框顏色，因此將其設置爲默認值。 （這就是速記屬性的工作原理）。

Answer 2

避免使用！重要的是刪除不需要的代碼。如果需要更具體 - 邊框顏色：代替邊框：等等。

background-color: #303f9f; 
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%; 
background-image: -moz-linear-gradient(#fefefe, #f9f9f9), #f9f9f9; 
background-image: -webkit-linear-gradient(#fefefe, #f9f9f9), #f9f9f9; 
background-image: linear-gradient(#fefefe, #f9f9f9), #f9f9f9; 

/* border-color: #303f9f!important; delete this line if it is not the desired colour - don't double up on your code */ 
border-color: #ccc;