Css Primefaces:splitButton'；附加到正文的菜单_Css_Jsf_Button_Primefaces_Split

Css Primefaces:splitButton'；附加到正文的菜单

css jsf button primefaces

Css Primefaces:splitButton'；附加到正文的菜单,css,jsf,button,primefaces,split,Css,Jsf,Button,Primefaces,Split,我的代码： <p:splitButton value="View"> <p:menuitem value="Edit" icon="ui-icon-edit" /> <p:menuitem value="Delete" icon="ui-icon-delete"/> </p:splitButton> 该代码正在呈现附加到正文的菜单，例如： <body> <form> <ta

我的代码：

<p:splitButton value="View">
    <p:menuitem value="Edit" icon="ui-icon-edit" />
    <p:menuitem value="Delete" icon="ui-icon-delete"/>
</p:splitButton>

该代码正在呈现附加到正文的菜单，例如：

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
            </tr>
        </table>
    </form>
    <div id="menu-for-splitbutton">
        <a id="menu1"... >Edit</a>
        <a id="menu2"... >Delete</a>
    </div>
</body>

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
                <div id="menu-for-splitbutton">
                    <a id="menu1"... >Edit</a>
                    <a id="menu2"... >Delete</a>
                </div>
            </tr>
        </table>
    </form>
</body>


编辑
删除

我需要与拆分按钮或相邻按钮相关的菜单，例如：

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
            </tr>
        </table>
    </form>
    <div id="menu-for-splitbutton">
        <a id="menu1"... >Edit</a>
        <a id="menu2"... >Delete</a>
    </div>
</body>

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
                <div id="menu-for-splitbutton">
                    <a id="menu1"... >Edit</a>
                    <a id="menu2"... >Delete</a>
                </div>
            </tr>
        </table>
    </form>
</body>


编辑
删除

我使用：hover（CSS）在光标位于某一行上时显示拆分按钮，但在未选中任何行时不隐藏上下文菜单，因为该菜单不在TR标记内。。。我如何解决这个问题