Hi, I've got this code below as a toggle button. Simply want to change CSS properties on on/off status. However, I use a fontawesome icon using :host:before {} to create the icon. My problem is that when the toggle status become "on" the icon disappears. Thoughts? :host { background-color: green;…

CSS host:before Icon disappears on Toggle status

jean-emmanuel May 28, 2021, 7:24am 4

It's a layering issue, set the i element's z-index to 1 and you'll be alright.

1 Like

How Do I make a Push Button Unselect a Toggle Button

Topic		Replies	Views
Toggle color issue Usage questions	2	321	April 26, 2019
CSS ::After Pseudo-element, Button won't work Usage questions	3	417	August 22, 2019
Button Color interaction On / Off Usage questions	6	485	December 23, 2020
Buttons CSS not responding to touch Windows	2	588	July 8, 2020
Hide element/object only on server? Usage questions	1	353	August 4, 2019