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

我有一个应用程序使用 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

10029

2018-05-22 16:24

起源

第1725行.form-control [readonly]，你可以改变它，或者覆盖 - falcon

以外覆盖该 [disabled]/[readonly] 我不认为他们提供了解决方案。 - Adrift

@falcon我想保持引导程序完好无损...... - ncohen

所以试试！重要的条款 - falcon

@ncohen：我99％肯定。 - Adrift

答案:

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

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

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

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

2018-05-22 16:41

最好是利用CSS的工作方式，而不仅仅是坚持！重要的是无处不在。无论如何应该在bootstrap.css之后包含自定义CSS，以便自定义CSS不会被bootstrap.css中的任何内容覆盖 - quoo

是的，它只适用于'！important'...... - ncohen

然后别的东西是错的。你可以发布更多的代码吗？ - quoo

我的不好，我忘记了表格控制课！现在它有效......谢谢 - ncohen

从@ ncohen的评论中假设他的意思 input[readonly].form-control { background-color: #fff; }，对我来说完美无瑕。 - Samveen

热门问题

不使用eval / new函数的JavaScript模板库当涉及内部类时，Java继承如何工作 .NET Windows服务的奇怪问题在.ipa或.app下查找App ID 快速入门XSLT参考[关闭] 如何找出Android应用程序中未使用的资源 Ruby中并发的同步方法[重复] 将std :: chrono :: system_clock :: time_point转换为struct timeval并返回 Google Drive API V3（javascript）更新文件内容 Bootstrap 3.0 - 将元素推到底部受密码保护的.NET ClickOnce部署？如何用postgresql安装wordpress coq Set或Type如何成为命题硒滚动元素进入（中心）视图在Spring Transaction JUnit测试中自动装配Hibernate会话的正确方法 Git的Dockerfile策略如何在FOS_PICKFOLDER中使用IFileDialog，同时仍在对话框中显示文件名在Firefox扩展中复制Google Chrome浏览器操作弹出效果 CakePHP找到MAX 芹菜 - 完成任务的召唤功能从使用fmemopen创建的流中读取宽字符 .NET是否为每个程序集创建一个字符串实习池？ DefaultModelBinder不绑定嵌套模型 Navigator.MediaDevices.getUserMedia（）使用了哪些相机通信标准？选择命名空间名称时应该知道什么？ cout Swagger Codegen CLI Java客户端 - 如何正确使用它一个很好的哈希函数用于采访整数，字符串？ Maven 3 ciManagement配置的目的是什么？如何通过语言文化获取代码页？

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

答案:

热门问题

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