css - Phonegap - Kendo 移动用户界面覆盖我的 css

Question

实际上，我有一个包含一些类、id 和 html 选择器 (index.css) 以及 kendo.mobile.all.min.css 的 css 文件。

我试过把它放在前后都无济于事。

我的类(class)无法正常工作，例如:

<div data-role="view" data-title="main-menu" id="main-menu" data-persist="true" class="body" data-transition="overlay:up" >


<h1>Text text</h1>

                            <h2>Another</h2>
<div>

此代码仅与我的 css 以及 kendo.common.min.css 和 kendo.default.min.css 文件一起使用时，在与 kendo.mobile.all 的任何组合中使用时显示带有背景的正确样式.min.css 我看到的只是普通的 html。

我是一个初学者(还在上大学)，这是否有什么隐含的东西让我无法理解？我也尝试过 jquery mobile 但退出了，因为它覆盖了我所有的 css 并得到了空白的 html。

还有人知道如何在不强制应用程序在一个平台上运行的情况下将默认的 android 皮肤从 android-dark 更改为 android-light？ (如在仍然适应不同的平台)？

我的包含订单:

 <script type="text/javascript" src="cordova.js"></script>



        <script src="js/load.unload.js"></script>

        <script src="js/hangman.js"></script>





                <link href="css/kendo.mobile.all.min.css" rel="stylesheet" />








<script src="js/jquery.min.js"></script>

        <!-- audio css-->
        <link href="css/styles.css" rel="stylesheet" type="text/css" /> 









    <script src="js/kendo.ui.core.min.js"></script>

        <script src="js/kendo.mobile.listview.js"></script>



        <script type="text/javascript" src="js/index.js"></script>

        <link rel="stylesheet" type="text/css" href="css/index.css" /> 






<!-- audio js sources-->
        <script type="text/javascript" src="js/jquery-ui.js"></script>
 <script type="text/javascript" src="js/main.js"></script>

Answer 1

您可以尝试将 !important 属性添加到您的 css 中，看看是否可行。

像这样:

 .button {
   background: red            !important;
   color: white               !important;
   padding: 3px               !important;
   border-radius: 5px         !important;
   border: 1px solid black    !important;

}