gpt4 book ai didi

css - jquery ui - 日历年颜色被 Bootstrap 覆盖

转载 作者:太空宇宙 更新时间:2023-11-04 11:20:56 25 4
gpt4 key购买 nike

我的 jQuery UI 日历的 css 样式被 Bootstrap css 样式覆盖。

请看下面的快照...日历的年份文本颜色不是黑色。

enter image description here

原因是,bootstrap css 覆盖了 jQuery css。在浏览器开发人员 View 中,如果我取消选中标记为红色的样式,则会启用绿色箭头中的样式,一切看起来都很正常。

enter image description here

问题:

我应该如何在 css 中解决这个问题?任何建议表示赞赏。

最佳答案

有多种规则控制 CSS 的处理顺序。通常,当两个规则应用于同一元素时,名为LAST 的规则将取代名为FIRST.

因此,在您的情况下,我建议加载 jquery-ui.css bootstrap.css 之后。

您的 <head> 中的订单应该是:

 <link rel="stylesheet" href="path/to/bootstrap.css">
<link rel="stylesheet" href="path/to/jquery-ui.css">

注意事项:

jquery-ui.css 应该放在 bootstrap.css 之后的另一个原因是样式结构。 Bootstrap.css 管理整个文档,它是一个样式和结构框架,而 jquery-ui.css 旨在仅应用于选定元素。

或者,如果您的目标是修改 jQuery UI 元素,我建议创建自定义样式表(也放在两个文档之后),而不是更改 jquery-ui.css 或 bootstrap-ui.css。但是,这只是为了保持最佳实践方法。

作为最终(草率)的替代方案,应用 !important到您希望用于覆盖的样式,如下所示:color: #fff!important;

关于css - jquery ui - 日历年颜色被 Bootstrap 覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32791641/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com