Html 能否在VisualStudio2015 Cordova项目的css中覆盖Ionic页脚高度？

我正在Visual Studio 2015 Cordova项目中使用Ionic框架。 我想覆盖侧菜单中的条形页脚

我已经试过如下

<ion-side-menu-content>
    <ion-header-bar class="bar-positive">
        <button class="button button-icon ion-navicon" ng-click="vm.toggleLeft()" ng-hide="$exposeAside.active"></button>
        <h1 style="text-align: left" class="title">My Contents</h1>

    <ion-content class="padding">
        <div data-ng-include="'app/main/main.html'"></div>
    </ion-content>

    <!-- HOW TO OVERRIDE THIS HEIGHT?? -->
    <ion-footer-bar style="height: 20px" align-title="left" class="bar-balanced"></ion-footer-bar>
</ion-side-menu-content>

如果这是我需要做的，我不知道如何“链接”SCC。

---

有没有办法只在css中覆盖此设置，或者我需要“链接”SCC，如果有，我如何才能做到这一点（再次，在通过Visual Studio 2015而不是Ionic CL进行的项目设置中）

SCS如果有一种css预处理格式，您需要将其转换为css，并将此最终css包含到

index.html

通过运行

ionic setup sass

，定义了带有任务的构建工具

gulp

。只需运行

$gulp

，它将生成一个CSS文件

lib/ionic/ionic.min.CSS

因此，这些步骤是：

• 修改

  scss/***.scss

  ，任何要更新的内容
• 运行build命令

  $gulp

• 确保最后的CSS文件包含在

  index.html

如果您不知道SASS/SCSS，那么不要运行

ionic setup SASS

，直接编辑

lib/ionic/ionic.css

，在文件底部添加样式，或者创建一个新文件，并将其包含在包含的

ionic.min.css

行下。不管怎么说，这只是一个普通的移动网络

关于SASS：

---

关于大口喝：

谢谢。我已经开始研究SCS，所以看起来我应该在这里进行任何修改，因为$bar footer height等变量可能会在多个样式中使用。

<link href="lib/css/ionic.min.css" rel="stylesheet">

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

<script src="lib/js/winstore-jscompat.js"></script>
<script src="lib/js/ionic.bundle.min.js"></script>