0

我正在开发一个小型移动启动程序，所以我导入了 jquery，现在尝试更改 css。我改变的任何东西都不会改变风格。js 文件是从 web 加载的，而我将新样式内联。我使用 !important 声明，但仍然没有任何变化。是因为当它在浏览器中加载时它会覆盖我的本地 css 吗？页眉和页脚的背景是黑色的，使用“data-role=header”，但是在dreamweaver 中，chaging 样式正在发生变化，但是当我加载它时它不存在，所以它就像加载在线文件时一样，它替换了我的代码。无论如何要覆盖它以显示我的内联css？任何帮助都会很棒。

4

2 回答 2

0

请确保您尝试更改您正在寻找的 dom 元素的样式。

例子

您的来源：

<a data-role="button" id="lg-login-btn" class="lw-button">Walk In</a>

生成什么源代码：

<a data-role="button"id="lg-login-btn" class="lw-button ui-btn ui-shadow ui-btn-corner-  all ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a">
     <span class="ui-btn-inner ui-btn-corner-all">
          <span class="ui-btn-text">Walk In</span>
     </span>
</a>

Firebug 和其他开发工具将帮助您检查元素及其样式。
如果您将使用!important注释来覆盖 jquery-mobile 样式，它应该可以正常工作。

您还可以访问此链接以了解如何使用 JQM 主题框架自定义样式。

于 2013-07-31T06:27:12.203 回答
0

我们可以通过在页面中包含 css 文件时遵循级联顺序来覆盖 JQM 样式。最初应该包含 Jquery mobile，之后您必须保留您的样式表。

使用 chrome 中的 Firebug 或开发人员工具栏检查修改后的样式是否被应用。

请参考以下链接了解如何在 jquery mobile 中覆盖自定义主题：http: //jquerymobile.com/demos/1.0rc2/docs/api/themes.html

于 2013-07-31T06:32:34.537 回答