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

<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>
Мне нужно удалить выделенные красные цветные границы круга на вышеупомянутых снимках экрана. Как сделать?






Попробуй это
добавить no-lines в ion-item
<ion-item no-lines></ion-item>
и удалить тень в фокусе с помощью свойства css box-shadow
item-inner { border-bottom-color: transparent !important; box-shadow: none !important; }
я уже пробовал. он только удаляет строку, но пока снова фокусируется, он отображает строки
Вы также удалили box-shadow?
Я столкнулся с той же проблемой сегодня, используя 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
Просто удалите
box-shadow, т.е.box-shadow: none !important;.