WordPress可访问的键盘菜单

我试图在使用tab键时显示WordPress子菜单。我曾尝试在我的风格中添加以下内容，但运气不佳：

header .nav .main .navigation #menu-main-navigation li:focus > ul.sub-menu { display: block; }

有没有人对我如何才能让它工作有什么想法？

当鼠标指针悬停时，此选项当前有效：

header .nav .main .navigation #menu-main-navigation li:hover > ul.sub-menu { display: block; }

这是我的菜单代码：

<ul id="menu-main-navigation" class="menu">
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-    object-page menu-item-home menu-item-21"><a href="/" class="local-link">Home</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-22"><a href="/patients/" class="local-link">Patients</a>
<ul class="sub-menu">
<li id="menu-item-154" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-154"><a href="/differences" class="local-link">Differences</a></li>
<li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="/team" class="local-link">Our Team</a></li>
</ul>
</li>
</ul>

// your working styles, trimmed down #menu-main-navigation li > ul.sub-menu { display: none; } #menu-main-navigation li:hover > ul.sub-menu { display: block; } // focus is on the link, not the li! #menu-main-navigation li a:focus + ul.sub-menu { display: block; }

Add Protocol to Custom Menus

我一直在使用tel: 自定义菜单中的链接与响应性设计相结合，为我的智能手机主题添加了“立即呼叫”按钮。它一直运行良好。一位客户刚刚要求我也添加一个“发送文本”按钮。我想我会用sms: 它似乎有可接受的设备支持。然而，当我保存菜单时，WordPress将其从URL中删除。经过研究，我得出结论，这与esc_url() 和/或wp_kses() （参见Trac ticket #18268). 我编造了以下代码，试图自己添加SMS协议并将其放入函数中。php：<?php function add_n

相关推荐

Add Protocol to Custom Menus