gpt4 book ai didi

html - 如何删除 Ion-Toolbar 上的边框?

转载 作者:行者123 更新时间:2023-11-28 03:56:50 25 4
gpt4 key购买 nike

我需要帮助从 Ionic v4 (4.0.9) 的 ion-header 中的 ion-toolbar 移除边框。

我的目标是删除这个:

my two toolbars with borders

在我的代码中,我有一个 ion-header 和两个 ion-toolbar。我已经尝试了 ion-headerion-toolbar 中的所有 no-border 属性。

我也试过将属性添加到我页面的 .scss 中,如下所示:

<ion-header no-border-bottom no-border-top no-border>
<ion-toolbar color="dark" no-border-bottom no-border-top no-border>
<img src="../../assets/icoUserLogin.png" alt="Logo Aikox" slot="start" witdh="20%" />
<ion-title slot="primary">
Test
</ion-title>
</ion-toolbar>
<ion-toolbar class="ToolbarVerde" color="medium" no-border-bottom no-border-top no-border>
<ion-buttons slot="start">
<img src="../../assets/icoListado.png" alt="Icono Listado" slot="start" width="70%" />
</ion-buttons>
<ion-title>
<span>test</span>
<br />
<span>test</span>
</ion-title>
<ion-buttons slot="primary">
<ion-button (click)="Nuevo()">
<img src="../../assets/icoRefresh.png" alt="Icono Recargar" width="70%" /><br />
</ion-button>
<ion-button (click)="Nuevo()">
<img src="../../assets/icoNew.png" alt="Añadir Parte de Trabajo" width="70%" /><br />
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
.toolbar-background{
--border-width: 0px !important;
border: 0 !important;
}
.toolbar-container{
--padding-top: 0px !important;
--padding-left: 0px !important;
--padding-right: 0px !important;
--padding-bottom: 0px !important;
padding-top: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
.ToolbarVerde{
--padding-top: 0px !important;
--padding-left: 0px !important;
--padding-right: 0px !important;
--padding-bottom: 0px !important;
padding-top: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}

但这行不通。

最佳答案

如果有人正在寻找 Ionic 5 解决方案,请执行以下操作:

<ion-header class="ion-no-border">
</ion-header>

它去除了边框和阴影。

关于html - 如何删除 Ion-Toolbar 上的边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54347911/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com