Remove 'x' close button from InfoWindow?

[warrenkpl]

Getting Help

How can I remove 'x' close button from InfoWindow, is there a way to target it with CSS styling?

[jamesmosier]

This should do it: .gm-style-iw + div {display: none;}

taken from Stackoverflow

[OmarioHassan]

=============  HTML  ==============
<agm-map #gm [latitude]="lat" [longitude]="lng" #AgmMap [fitBounds]="true">
 <agm-marker
          (mouseOver)="onMouseOver(infoWindow, gm)"
          (mouseOut)="onMouseOut(infoWindow, gm)"
        >

         <div id="test">
            <agm-info-window #infoWindow></agm-info-window>
          </div>
        </agm-marker>
      </agm-map>

=============  TS  ==============

onMouseOver(infoWindow, gm) {
console.log(infoWindow);
if (gm.lastOpen != null) {
 gm.lastOpen.close();
}
gm.lastOpen = infoWindow;
infoWindow.open();
setTimeout(() => {
  var x = document.getElementsByClassName('gm-ui-hover-effect')[0].remove();
}, 10);
}
onMouseOut(infoWindow, gm) {
gm.lastOpen = infoWindow;
infoWindow.close();}

[ghost]

button.gm-ui-hover-effect {
    visibility: hidden;
}

Working on Chrome 86

[tvaroglu]

@ghost you rock, worked like a charm, thank you!!