Question

我试图摆脱纸质菜单按钮第一项被选中，因为当我按下菜单按钮并且纸张菜单下降时，总会有第一项突出显示（未选中但突出显示）灰色）。是否有任何解决方法来禁用该自动突出显示功能？财产（专注=＆＃34;假＆＃34;）不起作用，默认情况下是假的。

<paper-menu-button vertical-offset="42" horizontal-align="right">
    <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
    <paper-menu class="dropdown-content">
        <paper-item>Item 1</paper-item>
        <paper-item>Item 2</paper-item>
    </paper-menu>
</paper-menu-button>

Answer 1

我猜我找到了一个解决方案，不知道我的解决方案是否会影响任何“深层”功能但是我测试的时候一切正常。因此，要在纸张菜单按钮或纸张下拉菜单中删除自动突出显示第一项，请添加以下内容。

<paper-menu-button>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
<div class="dropdown-content"></div>
<paper-menu class="dropdown-content" tabindex="0">
<paper-item>Item 1</paper-item>
<paper-item>Item 2</paper-item>
</paper-menu>
</paper-menu-button>

因此，在显示的代码中，您必须在下拉内容之前添加具有相同类的空div和下拉内容添加tabindex。如果有人发现任何错误，这个解决方案只会在这里回复，我会尝试找到不同的解决方案。

如何摆脱聚合物中的纸张菜单按钮第一项突出显示？

1 个答案: