angular - Using inspect on the HTML doesn't highlight custom component -
i'm trying inspect simple custom component made in ionic 3. when inspect it, chrome doesn't highlight area of custom component. highlights area if select element inside custom component.
to u understand better i've put screenshots of problem im facing.
the picture shows div element inside custom element star-rating, being highlighted. okay.
but when select star-rating element(which custom component) , doesn't highlight can see in image below.
[![selecting custom component[2]](https://i.stack.imgur.com/dlrl5.png)
this causing problem when want add border custom component this.
star-rating{ border:1px solid #000; border-bottom:0px; } resulting in
i add border in div tag instead solve problem. don't want because want use selector adding css last child of star-rating.
star-rating:last-child{ border-bottom:1px solid #000; }
that's because custom-elements use display: inline default. can add following styles component:
:host { display: block; } 

Comments
Post a Comment