почему я не могу изменить цвет фона ion-заголовка с помощью селектора классов css в моем компоненте ionic vue?
Я начал изучать 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?
Является ответом!

16.11.2020 06:57:35
Мне пришлось изменить код, как показано ниже
<style scoped>
.abc {
--background: blue;
}
</style>
и выберите класс css на панели инструментов
<ion-toolbar class="abc">
Помочь в развитии проекта: