在twitter引导模式中更改背景颜色？

当在twitter引导中创build一个模式，有什么办法来改变背景颜色？ 完全删除阴影？

NB：为了消除阴影，这不起作用 ，因为它也改变了点击行为。 （我仍然希望能够在模式外单击closures它。）

$("#myModal").modal({ backdrop: false }); 

Answer 1

通过以下方式更改颜色：

CSS

将这些样式放在引导样式之后的样式表中：

 .modal-backdrop { background-color: red; } 

减

将引导程序variables更改为：

 @modal-backdrop-bg: red; 

资源

萨斯

将引导程序variables更改为：

 $modal-backdrop-bg: red; 

资源

引导，定制

将@modal-backdrop-bg更改为您所需的颜色：

getbootstrap.com/customize/

---

您也可以通过Javascript或将颜色设置为transparent来移除背景。

Answer 2

如果要更改特定模式背景的背景颜色，可以通过以下方式访问背景元素：

 $('#myModal').data('bs.modal').$backdrop 

然后你可以通过.css jquery函数改变任何css属性。 特别是与背景：

 $('#myModal').data('bs.modal').$backdrop.css('background-color','orange') 

请注意，$（'＃myModal'）必须被初始化，否则$背景将是空的。 同样适用于bs.modal数据元素。

Answer 3

CSS

如果这不起作用：

 .modal-backdrop { background-color: red; } 

尝试这个：

 .modal { background-color: red !important; } 

Answer 4

如果要将背景添加到特定的模式，会变得更复杂一些。 解决这个问题的一个方法就是添加和调用像这个函数，而不是直接显示模式：

 function showModal(selector) { $(selector).modal('show'); $('.modal-backdrop').addClass('background-backdrop'); } 

任何CSS然后可以被应用到background-backdrop类。

Answer 5

删除引导模态背景尝试这一个

 .modal-backdrop { background: none; } 

Answer 6

如果只需要为一种模式窗口删除阴影，则可以简单地将ID添加到模态窗口中

 <div class="modal fade" id="myModal">...</div> 

并在你的CSS文件中添加以下内容

 #myModal .modal-backdrop {background-color: transparent;} 

如果您需要删除所有模式窗口的阴影，请跳过分配ID的步骤。

Answer 7

添加下面的CSS;

 .modal .modal-dialog .modal-content{ background-color: #d4c484; } <div class="modal fade"> <div class="modal-dialog" role="document"> <div class="modal-content"> ... ...