更改 ionic 中的边框颜色和分隔项颜色

Question

我使用离子，我需要在我的项目中更改一些样式。特别是我需要将 边框颜色 更改为红色和 分隔项列表的背景

“看图片了解我需要什么”

这是模板页面的代码

<ion-view title="Home">
<ion-content  scroll="true" class="padding has-header">
    <form class="list">
        <label class="item item-select" name="choose your category">
            <span class="input-label">choose your category</span>
            <select></select>
        </label>
    </form>
    <ion-list>
        <ion-item class="item-divider">Unreturned stuff</ion-item>
        <ion-item class="item-thumbnail-left">
            <img>
            <h2>Title</h2>
            <p>Item</p>
        </ion-item>
        <ion-item class="item-divider">Limited stuff</ion-item>
        <ion-item class="item-thumbnail-left">
            <img>
            <h2>Title</h2>
            <p>Item</p>
        </ion-item>
        <ion-item class="item-divider">Skills</ion-item>
        <ion-item class="item-thumbnail-left">
            <img>
            <h2>Title</h2>
            <p>Item</p>
        </ion-item>
    </ion-list>
</ion-content>

原文由 Huthaifah Kholi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在以下帮助下更改它

ion-item{
   --border-color: rgb(48, 66, 94);
}

原文由 izzatullokanoatov 发布，翻译遵循 CC BY-SA 4.0 许可协议