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.

selecting div inside custom component

but when select star-rating element(which custom component) , doesn't highlight can see in image below.

[selecting custom component[2]

this causing problem when want add border custom component this.

star-rating{     border:1px solid #000;     border-bottom:0px; } 

resulting in

enter image description here

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

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -