强制启用通过引导CSS查看只读输入

Question

我有一个使用bootstrap.css进行设计的应用。我有一个readonly输入看起来像因为bootstrap而禁用（光标不允许，背景颜色为灰色等...）。我想通过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

Answer 1

假设您的自定义css包含在boostrap.css之后，请将以下代码放在自定义css文件中

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

如果您只想将此样式应用于特定的只读输入，请在这些输入中添加“exampleclass”类，然后使用：

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