Установить выбранный ион-вкладка границы рамки нижнего цвета - PullRequest
Новая
       8

Установить выбранный ион-вкладка границы рамки нижнего цвета

0 голосов
/ 28 сентября 2019

Я пытаюсь установить нижнюю границу для выбранной кнопки вкладки в ionic-4.Но похоже, что свойство border не работает в этом случае.

Я попытался использовать свойство box-shadow, как показано ниже, но оно помогает только с border-top или border для всего блока.Я точно ищу возможность установить цвет нижней границы для выбранной вкладки.Я уже попробовал 2 способа ниже, но не работал. 

ion-tab-button[aria-selected=true] {
   box-shadow: 0 0 2px 2px blue inset;
}

ion-tab-button[aria-selected=true] {
   border-bottom: #212a49 2px;
}

1 Ответ

0 голосов
/ 28 сентября 2019

Две вещи, которые могут помочь:

Где вы это поместите

Поскольку Ionic 4 использует веб-компоненты, файлы разделены.Таким образом, правило может не применяться, если вы не поместите его в связанный с ним файл scss.Даже тогда некоторые стили не могут быть изменены.

Используйте сокращенный метод

Где-то есть проблема с github, которая объясняет, что вместо добавления множества свойств они решили предоставить свойство сокращения, которое позволяетВы устанавливаете их все.

Если граница будет работать, вам нужно будет использовать сокращенную версию border и установить все 4 стороны, а не использовать border-bottom напрямую.

...