将CSS应用于数据角色=";第页“;在jquerymobile

将CSS应用于数据角色=";第页“;在jquerymobile,css,jquery-mobile,Css,Jquery Mobile,我有这一页 <head> <title>Real Life Achievements</title> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width"> <link rel="stylesheet" type="text/css" href="frameworks/jquerymobile.css"/> <l

我有这一页

<head>
<title>Real Life Achievements</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width">

<link rel="stylesheet" type="text/css" href="frameworks/jquerymobile.css"/> 
    <link rel="stylesheet" type="text/css" href="application.css"/>

<script type="text/javascript" charset="utf-8" src="frameworks/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="frameworks/jquerymobile.js"></script>

<script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", initApp, false);

</script>
</head>
<body>
<div data-role="page" id="start"> 

    ...

</div>
</body>

但它不起作用。我的页面背景总是白色的。我不想使用JQM样式。如何将我的主体样式应用于jquery mobile“页面”?

您需要将
应用程序.css
标题移动到框架css文件下方,因为框架加载会覆盖您的样式。或者,您可以添加
!重要的背景规则,如背景:#eee!重要的
,以防止被以后的样式表覆盖。

您需要将
application.css
头移动到框架css文件下方,因为您的样式正在被框架加载覆盖。或者,您可以添加
!重要的背景规则,如背景:#eee!重要的,以防止被以后的样式表覆盖。

.ui content
将设置数据角色=内容区域的样式。因此,例如,如果您想设置整个页面区域的样式,您可以执行以下操作:

.ui-content, .ui-page{background: #eee;}
请记住,您必须按照其他人的建议将css移动到JQM样式表下面


下面是一个it工作的示例。ui内容将设置数据角色=内容区域的样式。因此,例如,如果您想设置整个页面区域的样式,您可以执行以下操作:

.ui-content, .ui-page{background: #eee;}
请记住,您必须按照其他人的建议将css移动到JQM样式表下面



这是一个it工作的示例

您在哪里设置此样式?在“application.css”文件中,我添加了headerPlease。据我所知,您需要将该类应用到您希望应用这些规则的元素上。@GnrlBzik JQueryMobile将
替换为
。您在哪里设置此样式?在“application.css“文件,我添加了HeaderPlace。据我所知,您需要将该类应用到您希望将这些规则应用到的元素上。@GnrlBzik JQueryMobile将
替换为
。移动application.css然后开始添加,这样会更好,更全面!”!重要标志。@GnrlBzik同意,这就是为什么我将它列为替代方法,而不是主要方法=)我现在将在不同的手机上测试它。移动application.css更好,更全面,然后开始添加!重要标志。@GnrlBzik同意,这就是为什么我将其列为替代方法,而不是主要方法=)我现在将在不同的手机上测试它。这只设置包含文本的区域的背景,而不是整个站点。奇怪的是,它将背景应用于ui内容,而不是ui主体。我将代码插入到了侧边,它在那里工作,但不是在我的应用程序中。HMMMMDID您是否编辑JQM css?您是否向元素添加了样式,即
?这只设置包含文本的区域的背景,而不是整个站点。奇怪的是,它将背景应用于ui内容,而不是ui主体。我将代码插入了侧边,它在那里工作,但在我的应用程序中不工作。HMMMMDID您是否编辑JQM css?您是否向元素添加了样式,即