Bootstrap interfering Imageareaselect (Primefaces)

Question

I’m using the component, from the Extesions primefaces, called Imageareaselect.

Primefaces Extesion - Imageareaselect

However this Bootstrap TAG is causing the background of Imageareaselect is becoming disproportionate.

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

This image is the background with problem

How do I solve this problem? If I take out the CSS template gets bugged.

I was thinking of solving the problem by taking the background of Imageareaselect but I have no idea which tag he uses.

Also not found in the documentation of the first faces

Answer 1

This is what I did

.pe-imgageareaselect-outer {
    display: none !important;
}

.pe-imgageareaselect-selection {
    background: black !important;
}