gpt4 book ai didi

javascript - 每当我在 部分添加特定脚本时,我都会丢失背景颜色

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

当我添加时:

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

到我的<head>部分我的背景颜色消失。请注意,我正在尝试制作可折叠 block 并使用 w3schools 的代码来提供帮助。

<body> 中可折叠 block 中的内容:

<div data-role="main" class="ui-content">
<div data-role="collapsible">
<h2>MENU // SOUPS</h2>
<p>Blank</p>
</div>
<div data-role="collapsible">
<h2>MENU // BEEF</h2>
<p>Blank</p>
</div>
</div>

我的背景颜色代码:

body {
background-color: #dc143c;
}

最佳答案

jquery.mobile{-version}(.min).cssCSS 样式规则添加到您的页面。
您可以覆盖它们,使用更具体的选择器(或者同样具体,只要您的样式表在 jquery.mobile 之后加载)。

为了更好地理解 CSS 的特殊性,您可以从 MDN's resource 开始就此主题而言。请注意,他们还提供了包含更多信息的其他链接。

工作示例,(您的具体情况):

body.ui-overlay-a {
background-color: #dc143c;
}
div.ui-page-theme-a {
background-color: transparent;
}

/* this removes the box-shadow from selected element, as per your comment */
div.ui-page-theme-a .ui-btn:focus {
box-shadow: none;
}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<div data-role="main" class="ui-content">
<div data-role="collapsible">
<h2>MENU // SOUPS</h2>
<p>Blank</p>
</div>
<div data-role="collapsible">
<h2>MENU // BEEF</h2>
<p>Blank</p>
</div>
</div>

关于javascript - 每当我在 <head> 部分添加特定脚本时,我都会丢失背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42555194/

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