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属性＆＃34;

我需要知道它被覆盖的地方。请帮助我

Answer 1

避免使用！通过删除不良代码很重要。如果需要更具体 - border-color：而不是border：etc。

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;

Answer 2

它告诉你它被覆盖的确切位置：

＆＃34; .btn-default：＆＃34; border＆＃34;重置之前设置的border-color属性＆＃34;

设置border后，它会重置border-color。

在第4行，您设置border-color，然后在第6行设置border。由于您未在第6行指定边框颜色，因此将其设置为默认值。（这就是速记属性的工作方式）。

1个CSS属性被速记覆盖

2 个答案: