css - Worklight - 特定于环境的 CSS

Question

我正在为几个平台开发混合应用:

• 安卓
• window 8

我使用 jQuery Mobile 作为 javascript 框架。在 Windows8 平板电脑上，文本和密码类型的输入字段存在问题，它们有自己的边框。我将问题追溯到加载 css 样式表的顺序。在 windows8 平台上，Worklight studio 总是在 css 加载列表底部和脚本标签之间添加几行:

<link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet">
<script src="//Microsoft.WinJS.1.0/js/base.js"></script>
<script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

在“ui-light.css”中，很少有 CSS 属性会覆盖输入上的“border: none”(如果使用 jquery 移动 css，则默认情况下)。

现在的问题是:worklight 中有没有一种方法可以自定义特定于环境(android、windows 等)的 css 的加载顺序？

Answer 1

答案是否定的。这些文件引用由 Worklight 构建器在生成 HTML 文件时在构建期间注入(inject)，这是一个您无法更改的过程。

不过，您应该考虑通过添加 !important 覆盖您自己 CSS 中“有问题的”CSS 规则。

border: 1px solid black !important;