Ионное странное поведение

Привет, я пытаюсь установить градиентный фон на ионную панель инструментов,

.logo-toolbar {
        background: linear-gradient(to right, #fff 25%, #004b7a 35%, #004b7a 68%, #004b7a 100%) !important;
        border-bottom: 3px solid #f48726 !important;
        transition: all 0.3s linear;
}

<ion-toolbar class = "logo-toolbar">
  <ion-title>
    <img src = "../../assets/img/sys.jpg" class = "logo"/>
  </ion-title>
</ion-toolbar>

с приведенной выше границей кода отображается, но фон не установлен, но когда я добавляю цвет к ion-title, он работает,

 <ion-toolbar  color = "pink" class = "logo-toolbar">
    <ion-title>
      <img src = "../../assets/img/sys.jpg" class = "logo"/>
    </ion-title>
  </ion-toolbar>

что здесь происходит?

круто, кажется, это немного хак. просто для записи, правильный способ сделать фоновый цвет здесь _____ --background linear-gradient(to right, #fff 25%, #004b7a 35%, #004b7a 68%, #004b7a 100%)

— 10.04.2019 12:37

css ionic4

10.04.2019 12:19

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я нашел решение,

Ionic использует пользовательское свойство для установки фона для панели инструментов, которое всегда имеет более высокий приоритет, его необходимо переопределить,

--background: linear-gradient(to right, #fff 25%, #004b7a 35%, #004b7a 68%, #004b7a 100%) !important;

P.S. Не знаю, как сработал хак.

10.04.2019 16:39

Другие вопросы по теме

Как получить значение ion-select? Мое значение появляется только тогда, когда я нажимаю на поле

Как изменить цвет панели инструментов в Ionic 4 с помощью CSS

Как исправить проблему «build.gradle» в проекте Cordova?

Ngx-translate не работает на устройстве с ionic 4

Получить случайный ключ из базы данных firebase в ionic 4

Как удалить стрелку из ионного элемента в Ionic 4.7.1 (только IOS)

Как настроить ионный диапазон в отключенном состоянии?

Как установить фоновые изображения в приложении angular + ionic внутри home.page.scss?

CORS работает в Chrome, но не в Safari или на устройстве iOS

Как показать\скрыть кнопку в соответствии с прокруткой в ionic4

Ионное странное поведение

Ответы 1

Другие вопросы по теме

Похожие вопросы