我正在为几个平台开发混合应用程序:
我正在使用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自定义加载顺序?
答案是不。这些文件引用是由Worklight构建器在生成HTML文件时在构建时注入的,这是您无法更改的过程。
不过,您应该考虑做的是通过添加来覆盖您自己的CSS中的“有问题的” CSS规则!important
。
border: 1px solid black !important;
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句