Question

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

我尝试过之前和之后都无济于事。

我的课程不起作用，例如：

<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;

}

Phonegap - Kendo mobile ui覆盖我的CSS

1 个答案: