使用CSS隐藏HTML表单图例

Bob*_*ack 5 css accessibility

如何以可访问的方式使用CSS隐藏可视浏览器中的HTML表单图例?

legend { display: none; }
Run Code Online (Sandbox Code Playgroud)

不是一个选项,因为据我所知,这将"隐藏"屏幕阅读器的传奇.我做的其他尝试不会从布局中删除图例 - 即它继续占用空间.

ede*_*ett 7

添加为答案而不是评论,因此我可以获得更多积分.:-)

如果你真的想要传说,你是否尝试过在图例中放置一个跨度并定位/操纵它?

据我所知,这适用于IE7和Firefox ......


rah*_*hul 6

您无法在Firefox中执行此操作,因为它是浏览器中的错误.

你可以在这里阅读更多

浏览器错误