Worklight - 特定于环境的 CSS

Posted 2023-02-26

【中文标题】Worklight - 特定于环境的 CSS

【英文标题】：Worklight - Environment specific CSS

【发布时间】：2014-11-12 10:14:21

【问题描述】：

我正在为几个平台开发一个混合应用程序：

机器人 windows8

我使用 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 mobile css）。

现在的问题： worklight 中有没有办法自定义特定于环境（android、windows 等）的 css 的加载顺序？

【参考方案1】：

答案是否定的。这些文件引用由 Worklight 构建器在构建时注入，因为它生成 html 文件，这是一个您无法更改的过程。

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

border: 1px solid black !important;