테이블 셀 안의 버튼에 포커스가있을 때 테이블 셀의 텍스트를 숨 깁니다 (버튼과 텍스트 모두).

Question

내 응용 프로그램에는 버튼 셀과 텍스트가로드 된 테이블 셀이 있습니다. 이제 내 질문은 어떻게하면 단추가 focus.is 이미지의 상단에 동일한 텍스트를 쓸 수있는 받으면 텍스트를 숨길 수 있습니다. 여기

은 내 demo

Answer 1

텍스트가 (당신이 바로, "도움말"에 대해 얘기했다?)의 자식 요소가 아니므로 당신은 혼자 "초점"의 경우 CSS이 문제를 해결할 수없는

귀하의 버튼. 나는 이것을 위해 JS를 사용하거나 단추 안에 텍스트/이미지를 옮길 것을 제안한다. 그 여전히 당신이 원하는 않는 경우

button:focus span { display: none; } 

하지만 확실하지 않다 :이 같은 버튼이 때

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

그런 다음 텍스트를 숨길 CSS를 사용할 수 있습니다.