У меня есть приложение, использующее 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
Предполагая, что ваш пользовательский css включен после boostrap.css, поместите следующий код в свой пользовательский файл css
input[readonly] {
background-color: #fff;
/* any other styles */
}
Если вы хотите применить этот стиль только к конкретным входам только для чтения, добавьте класс "exampleclass" к этим входам, а затем используйте:
input[readonly].exampleclass {
background-color: #fff;
}