当表格单元格内的按钮获得焦点时,隐藏表格单元格中的文本(包括按钮和文本)

时间:2011-01-10 09:01:20

标签: html5 css3

在我的应用程序中,我有表单元格加载了按钮和文本。现在我的问题是如何在按钮获得焦点时隐藏文本。可以在图像上写入相同的文本。

这是我的demo

1 个答案:

答案 0 :(得分:0)

在“焦点”的情况下,单独使用CSS无法解决此问题,因为文本(您正在谈论“帮助”,对吗?)不是按钮的子元素。我建议使用JS或移动按钮内的文本/图像。

<button><span>Help</span></button>

然后你可以使用CSS来隐藏文本,如下所示:

button:focus span { display: none; }

但我不确定这是否仍然符合您的要求。