css - 如何在 Ionic 3 中添加自定义 CSS

标签 css angular sass ionic3

我有一个用 Ionic 编写的 html 页面。我想为网格中的每一行添加边框底部。我该怎么做。

<ion-grid *ngFor="let item of items">
    <ion-row>
      <ion-col>
        <img src='../assets/imgs/doctor.png'>
      </ion-col>
      <ion-col col-10>
        {{item}}
      </ion-col>
    </ion-row>
  </ion-grid>

最佳答案

在你的app.scss中添加如下代码:

ion-row {
    border-bottom: 5px solid red;
}

它会在每一行底部添加边框。

关于css - 如何在 Ionic 3 中添加自定义 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50618436/

相关文章:

javascript - 隐藏另一个 float 元素时 float 元素跳转

angular - 为什么 Angular 使用 XLIFF 1.2 而不是 XLIFF 2?

javascript - 拉维尔 4 : Sidebar is not clickable

css - 背景视频覆盖了 Chrome 中页面的其余部分

angular - 如何在不使用 Typescript 的情况下在 Angular 2 中创建可重用组件

angular - 在自定义验证器指令中注入(inject) ngControl,导致循环依赖

html - 具有最大宽度和最大高度并保留比例的 Div(仅限 CSS)

CSS 重构 : SASS Mixins vs Multiple class

css - 第 n 个子选择器的 SASS 编译错误

css - Firefox 是唯一支持 float 作为宽度声明的浏览器吗? (例如 163.4 像素)