Html 如何减小primefaces中gmapInfoWindow的窗口大小?

Html 如何减小primefaces中gmapInfoWindow的窗口大小?,html,css,jsf-2,primefaces,Html,Css,Jsf 2,Primefaces,如何减小primefaces中gmapInfoWindow的窗口大小 根据我所看到的,maxWidth根本不起作用,因为我将它设置为50像素(50px),但窗口的大小始终为247px 有办法改变吗 这是直接从chrome获得的div标签: <div style="position: absolute; left: 0px; top: 0px; width: 247px; height: 88px; overflow: hidden; -webkit-user-select: none; b

如何减小primefaces中gmapInfoWindow的窗口大小

根据我所看到的,maxWidth根本不起作用,因为我将它设置为50像素(50px),但窗口的大小始终为247px

有办法改变吗

这是直接从chrome获得的div标签:

<div style="position: absolute; left: 0px; top: 0px; width: 247px; height: 88px; overflow: hidden; -webkit-user-select: none; background-color: white; border: 1px solid rgb(171, 171, 171); "></div>

以下是gmap的gmapInfoWindowCode:

<p:gmap>
    <p:gmapInfoWindow id="infoWindow">
                <table border="0" padding="0" cellspacing="0">
                    <tr class="custom-header-tr"><td><h:outputText value="#{mapBean.marker.data.name}"/></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.ping()}" styleClass="custom-link" update="infoMessages">Ping Device</p:commandLink></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.syncToDevice()}" styleClass="custom-link" update="infoMessages">Sync to Device</p:commandLink></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.syncFromDevice()}" styleClass="custom-link" update="infoMessages">Sync from Device</p:commandLink></td></tr>
                    <tr class="custom-tr"><td class="custom-td"><p:commandLink action="#{mapBean.marker.data.checkSync()}" styleClass="custom-link" update="infoMessages">Check Sync</p:commandLink></td></tr>
                </table> 
            </p:gmapInfoWindow>
        </p:gmap>

Ping设备
同步到设备
从设备同步
检查同步

你说的gmapInfoWindow是什么意思?gmap组件?嗨Ravi,我看了你的图片,它显示了一个没有id属性的div标签,带有一个设置宽度的内联样式。我的问题是,我不知道如何在JavaScript中获取div标记并以编程方式更改其宽度,因为div标记没有id值。