Worklight - 特定于环境的CSS

Question

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

• 机器人
• 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>

＆＃34; ui-light.css＆＃34;很少有CSS属性覆盖＆＃34; border：none＆＃34; on输入（默认情况下，如果使用jquery mobile css）。

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

Answer 1

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

但是，您应该考虑做的事情是覆盖＆＃34;有问题的＆＃34;通过添加!important。

在您自己的CSS中制定CSS规则

border: 1px solid black !important;