CSS適用於特定類

Question

我與bootstrap css與自定義CSS重疊的問題。這是我的應用程序HTML呈現日期選擇器，它使用引導CSS。

<input type="text" class="datepicker-input" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" ng-click="open($event)" placeholder="Choose your date"/> 

這是我定製的.btn類引起引導BTN類的問題。我無法刪除這個類，也不能像使用這種btn風格的許多其他頁面一樣直接修改名稱。

.btn { 
    background-color: #b0b1a8; 
    border-radius: 4px; 
    border-width: 0; 
    color: #fff; 
    display: inline-block; 
    font-weight: bold; 
    font-size: 21px; 
    font-size: 2.1rem; 
    padding: 8px 20px; 
    padding: 0.8rem 2rem; 
    margin: 0; 
    outline: none; 
    text-align: center; 
    -webkit-transition: background-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1); 
    -moz-transition: background-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1); 
    transition: background-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1); 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    white-space: nowrap 
} 

現在，我怎麼可以欺騙上面的CSS所以沒有實現它的.btn到我的日期選擇器按鈕。由於

Answer 1

你應該試着改變你的自定義CSS類名（.btn）

Answer 2

那麼，是什麼，它聽起來就像是你希望你的日期選擇器以某種方式，但來自自舉.btn CSS是做什麼希望？如果您能夠向該按鈕添加課程，那麼您可能需要使用!important來覆蓋它。

例如：

.bootstrap-btn{background: pink; font-size: 20px; border: 3px solid white;} 

.my-new-btn{background: white !important; font-size: 24px !important; border: 2px solid green !important;} 

再次，這將是，如果你能在my-new-btn類添加到您的按鈕。當我不能編輯通過腳本加載的類時，我不得不使用這種方法。