Цвет фона Ionic Search в IOS
Я использую Ionic 3.2, и у меня проблемы с цветом фона панели поиска Ionic. Код выглядит следующим образом:
</ion-navbar>
<ion-toolbar class = "search-toolbar">
<ion-searchbar
[(ngModel)] = "myInput"
[showCancelButton] = "true"
(ionCancel) = "onCancel($event)" (search) = "searchByKeyword($event)">
</ion-searchbar>
</ion-toolbar>
</ion-header>
Он отлично работает на Android и работает в браузере Safari (на Mac). Проблема начинается, когда я запускаю приложение на своем iPhone. Фон ввода не белый. Вместо этого он имеет тот же цвет, что и фон за пределами панели ввода, т. е. темно-серый.
Я уже пробовал это:
.searchbar-md .searchbar-input
{
background: white !important;
}
Проблема сохраняется, несмотря на это изменение.
Есть ли решение этой ошибки? Я на грани удаления панели поиска из ios.
Ответы 3
Ты пытался:
.searchbar-ios .searchbar-input {
background-color: white !important;
}
Спасибо.
Проблема была решена заменой < ion-toolbar class="search-toolbar" > с <div class="панель инструментов поиска">
Кажется, что в IOS <ion-toolbar> сливается с другими слоями.
Вы пытаетесь реализовать только режим md, который является режимом Android, просто попробуйте внести изменения для обоих режимов md и ios.
.ion-searchbar .searchbar-input
{
background: white !important;
--background: white !important;
background-color: white !important;
}