iOS9,启用VoiceOver的Safari.
不是100%可重复,而只是选择一个选项将导致VoiceOver焦点跳转到页面顶部的按钮.
现在可以监听所选择的选项,然后在几秒钟内强制对元素进行聚焦,但会导致不需要的UX.
:focus { background-color: pink; }
<div> <button tabindex="-1">close</button><br/><br/><br/><br/><br/><br/><br/><br/> <select> <option>Email</option> <option>Tobias</option> <option>Linus</option> </select> </div> <p>This example shows how to fill a dropdown list</p>
在生产代码(使用AngularJS)之后,在2秒钟的时间之后明确设置焦点,修复了问题,但这并不理想!谢谢.
解决方法
也许它可能会派上用场这个css属性:
.button { speak: spell-out; }