почему я не могу изменить цвет фона ion-заголовка с помощью селектора классов css в моем компоненте ionic vue?


почему я не могу изменить цвет фона ion-заголовка с помощью селектора классов css в моем компоненте ionic vue?

16.11.2020 01:42:17 Просмотров 6 Источник

Я начал изучать ionic vue. Я пытаюсь использовать css с ионными компонентами. Поэтому я добавил стиль в тот же файл

<style scoped>
    .abc {
        background-color: blue;
    }
</style>

И попытался получить к нему доступ с помощью

<ion-content class ="abc">
    <ion-header>
        <ion-toolbar>
            <ion-title size="large">My Navigation Bar</ion-title>
        </ion-toolbar>
    </ion-header>
</ion-content>

Но это не работает. Как мне это сделать? Вот мой полный код

<template>
  <ion-page>
    <ion-content class ="abc">
        <ion-header>
          <ion-toolbar>
            <ion-title size="large">My Navigation Bar</ion-title>
          </ion-toolbar>
        </ion-header>
    </ion-content>
  </ion-page>
</template>

<script>
    import { IonContent, IonPage } from "@ionic/vue";
    import { defineComponent } from "vue";

    export default defineComponent({
        name: "Home",
        components: {
            IonContent,
            IonPage
        },
    });
</script>

<style scoped>
    .abc {
        background-color: blue;
    }
</style>
У вопроса есть решение - Посмотреть?

Ответы - почему я не могу изменить цвет фона ion-заголовка с помощью селектора классов css в моем компоненте ionic vue? / why i can not change background color of ion-header with css class selector in my ionic vue component?

Является ответом!
mahfuj asif

16.11.2020 06:57:35

Мне пришлось изменить код, как показано ниже

<style scoped>
    .abc {
        --background: blue;
    }
</style>

и выберите класс css на панели инструментов

<ion-toolbar class="abc">
Помочь в развитии проекта:
Закрыть X