テーブルセル内のボタンがフォーカスを取得するときに、テーブルセル内のテキストを非表示にします（ボタンとテキストの両方）。

Question

私のアプリケーションでは、テーブルセルにボタンとテキストがロードされています。私の質問は、ボタンがフォーカスを受け取ったときにテキストを隠す方法です。イメージの上に同じテキストを書くことが可能です。ここ

テキストは（あなたは「ヘルプ」を話していた、右？）の子要素ではありませんので、あなたは、「フォーカス」の場合にのみCSSでこの問題を解決することはできません私のdemo

Answer 1

ですあなたのボタン。私はこれをJSを使用するか、ボタンの中にテキスト/イメージを移動することをお勧めします。

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

次に、あなたはときに、このようなボタンのテキストを非表示にCSSを使用することができます。

が

button:focus span { display: none; } 

しかし、私はそれはまだあなたが欲しいものをしなければわかりません。