Ionic 4 list item CSS to be customised

Ionic Framework
1

css
I want to remove the marked line in that list. tried changing border color and outline :none
but none of that works.

2

Use lines="none" on your ion-list element. https://ionicframework.com/docs/api/list#properties

<ion-list lines="none">
  <ion-item>
    <ion-label>One</ion-label>
  </ion-item>
  <ion-item>
    <ion-label>Two</ion-label>
  </ion-item>
</ion-list>

You can also use the lines attribute for single ion-item.

tip: Do not hack css for the first solution. Try the official way. Check the documentation.

3

Thank you for your response.
I tried with that unfortunately that is not working.
But I found in shadow style
“item-highlight.”
I don’t know how to remove that style.

4

:thinking: Do you have some source code (snippet) and / or demo on e.g. stackblitz.com ?

5

See This.

And see more at https://ionicframework.com/docs/api/item#properties and search the lines section