覆写引导CSS

Question

所以在我的bootstrap.css我：

.form-control { 
    display: block; 
    width: 100%; 
    height: 45px; 
    padding: 6px 12px; 
    font-size: 27px; 
    line-height: 1.928571429; 
    color: #555555; 
    vertical-align: left; 
    background-color: #002b36; 
    border: 0px none #002b36; 
    border-radius: 4px; 
    -webkit-box-shadow: none 0 0px 1px rgba(0, 0, 0, 0.075); 
      box-shadow: none 0 0px 1px rgba(0, 0, 0, 0.075); 
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
} 

一切都被覆盖除外：

.form-control { 
     display: block; 
     width: 100%; 
     height: 34px; 
     padding: 6px 12px; 
     font-size: 14px; 
     line-height: 1.428571429; 
     color: #555555; 
     vertical-align: middle; 
     background-color: #ffffff; 
     border: 1px solid #cccccc; 
     border-radius: 4px; 
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
       transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 

} 

并以我个人的.css文件，我bootstrap.css后装

-webkit-box-shadow: none 0 0px 1px rgba(0, 0, 0, 0.075); 
      box-shadow: none 0 0px 1px rgba(0, 0, 0, 0.075); 

我可以告诉大家，因为如果我改变片段在bootstrap.css到它实际上匹配什么我在我自己的CSS文件网页上的更改。所以出于某种原因，我自己的CSS会覆盖除了这两行关于盒子阴影的所有内容，我不知道为什么。

Answer 1

尽量缩短到像有效的CSS：

-webkit-box-shadow: none; 
box-shadow: none;