我有这个页面
<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>
我读了here我可以通过这样做为整个 data-role="page"容器应用样式
.ui-page {
background: #eee;
}
但它不起作用。我的页面背景总是白色的。我不想使用 JQM 样式。如何将我的正文样式应用到 jquery 移动“页面”?
最佳答案
.ui-content
将设置 data-role=content 区域的样式。因此,例如,如果您想设置整个页面区域的样式,您可以这样做:
.ui-content, .ui-page{background: #eee;}
请记住,您必须按照其他人的建议将您的 css 移动到 JQM 样式表下方。
这是一个工作的例子 http://jsfiddle.net/codaniel/7M4Pg/1/
关于css - 将 CSS 应用于 jquerymobile 中的数据角色 ="page",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10389429/