I’m trying to create a form that users will enter data into, and I’m using elements to contain the label and input for each part of the form. I keep getting a grey underline for each item, and I’ve tried to get rid of it using: style="border-bottom: none !important"> style="border-bottom: 0px !imp…

Try changing <ion-list no-lines> to <ion-list lines="none"> It’s reflected in the docs now but not the breaking changes.

Remove bottom border from <ion-item> in Ionic 4

8tomo8 September 25, 2018, 1:07am 2

Add the no-lines attribute to the item in html.

<ion-item no-lines>

2 Likes

Topic		Replies	Views
Ion-list no separating lines	13	65455	October 25, 2018
Remove bottom border from <ion-item> in Ionic 6 Ionic Angular	2	2790	February 11, 2024
Ionic 4 list item CSS to be customised Ionic Framework	4	643	September 6, 2019
Ion-list full border at top and bottom with inset lines Ionic Framework	2	3999	August 7, 2019
Border remove ionic-v3	1	474	July 23, 2019