Удалите строку foucs элементов списка ionic в ionic

Просто хочу убрать линию фокуса в элементе ion в списке ion. Удалите строку foucs элементов списка ionic в ionic

<ion-list >
            <ion-item style = "margin-bottom: 10px; border: 1px solid #A7A7A7" no-lines>
              <ion-label>
                <ion-icon ios = "ios-mail" md = "md-mail"></ion-icon>
              </ion-label>
              <ion-input no-lines [(ngModel)] = "loginData.email" [formControl] = "email" id = "email" type = "text" required placeholder = "Email *"></ion-input>
            </ion-item>
            <ion-item style = "border: 1px solid #A7A7A7">
              <ion-label>
                <ion-icon ios = "ios-unlock" md = "md-unlock"></ion-icon>
              </ion-label>
              <ion-input no-lines [(ngModel)] = "loginData.password" [formControl] = "password" id = "password" type = "{{passwordtype}}" required
                placeholder = "Password *"></ion-input>
              <button  class = "eye-icon-btn" type = "button" item-right (click) = "managePassword()">
                <ion-icon name = "{{passeye}}"></ion-icon>
              </button>
            </ion-item>
          </ion-list>

Мне нужно удалить выделенные красные цветные границы круга на вышеупомянутых снимках экрана. Как сделать?

Просто удалите box-shadow, т.е. box-shadow: none !important;.

Znaneswar 09.11.2018 06:37
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
1 193
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Попробуй это

добавить no-lines в ion-item

<ion-item no-lines></ion-item>

и удалить тень в фокусе с помощью свойства css box-shadow

item-inner { border-bottom-color: transparent !important; box-shadow: none !important; }

я уже пробовал. он только удаляет строку, но пока снова фокусируется, он отображает строки

Kumar 09.11.2018 06:50

Вы также удалили box-shadow?

Znaneswar 09.11.2018 06:56

Я столкнулся с той же проблемой сегодня, используя Ionic 5. У меня сработало добавление lines = "none" в ion-item:

 <ion-item lines = "none">
   <ion-input class = "verification-code-input ion-text-center" type = "text"></ion-input>
 </ion-item>

Ссылка на документацию: https://ionicframework.com/docs/api/item#item-lines

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