Хотите переопределить Bootstrap, но как избежать использования! Важно?

Question

Я использую Bootstrap и хочу переопределить некоторый css: я удаляю фон, границу и недопустимый указатель в полях формы, когда отключено.

Это как мой CSS выглядит:

.no-extras { 
    border: 0 !important; 
    box-shadow: none !important; 
    background-color: white !important; 
    cursor: default !important; 
} 

Но я знаю, что это плохо для использования важно!. Но как мне изменить код, чтобы избежать использования! Важно? Я пытался сделать его более конкретным, с «input.no-статистов» и подобное, но не везло до сих пор ...

Смотрите пример кода здесь http://plnkr.co/edit/1AuszJ?p=preview

Answer 1

Вы можете переопределить CSS, просто уточнив свои селекторы. Все, что выбирает один и тот же тег более определенным образом, достаточно, чтобы переопределить существующее определение. Так, например, поставив form ссылки до целевого класса достаточно:

form .form-control[disabled] { 
    cursor: default; 
} 

Plunker demo

Answer 2

Ваше добавление .no-extras только в .form-group так что вы можете использовать:

.form-group .no-extras { 
    border: 0; 
    box-shadow: none; 
    background-color: red; 
    cursor: default; 
} 

Plunker

Или вы можете использовать любой другой родительский класс.