Принудительное включение режима просмотра только для ввода с помощью загрузочного CSS

У меня есть приложение, использующее bootstrap.css для дизайна. У меня есть исходный ввод, который выглядит как отключенный из-за бутстрапа (курсор не разрешен, цвет фона серый и т.д.). Я бы хотел, чтобы входные данные выглядели включенными с включенной функцией readonly.

Как я могу это сделать?

изменить (добавление дополнительного кода):

Заголовок:

doctype html
html(ng-app='myApp')
  head
    title=title
    link(rel='stylesheet' href='stylesheets/bootstrap.min-3.1.1.css')
    link(rel='stylesheet' href='stylesheets/style.css')

Мой ввод: input.form-control(readonly, placeholder='jj-mm-aaaa')

Мой стилус (style.css):

input[readonly]
  background-color: #fff

ОТВЕТЫ

Ответ 1

Предполагая, что ваш пользовательский css включен после boostrap.css, поместите следующий код в свой пользовательский файл css

input[readonly] {
    background-color: #fff;
    /* any other styles */
}

Если вы хотите применить этот стиль только к конкретным входам только для чтения, добавьте класс "exampleclass" к этим входам, а затем используйте:

input[readonly].exampleclass {
   background-color: #fff;
}