라디오 버튼이나 체크 상자 컨트롤 주위에 트라이앵드 jsf 테이블 태그로 점선을 표시하는 방법

Question

현재 웹 응용 프로그램에서는 Trinidad JSF tr:table 태그를 사용하여 정보를 테이블 형식으로 표시합니다. rowSelection=single 속성을 사용하면 테이블의 각 행마다 라디오 버튼이 자동으로 표시되고이 컨트롤 옆에있는 이름/텍스트는 사용자에게 표시되지 않습니다.

사용자가 라디오 버튼 컨트롤을 선택하기 위해 Tab 키를 사용하여 탐색하거나 사용자가 마우스 버튼으로 클릭하면 점선으로 표시된 포커스가 컨트롤에 표시되지 않습니다.

Irinidad JSF 테이블 태그로 만든 라디오 버튼/체크 상자 컨트롤 주위에 점선 (IE 브라우저에서 제공)을 표시하는 다른 방법은 무엇입니까?

최종 사용자는이 접근성 기능이 필요합니다.

지금, 우리가 사용하는

,

• 에서 MyFaces-API-1.1.4.jar,에서 MyFaces-IMPL-1.1.4.jar,
• 트리니다드-API-1.0.7.jar, 트리니다드 - IMPL-1.0.7.jar,
• 브라우저 IE 8.0

Answer 1

는

outline: none; 

이있는 모든 라인을 찾아, 당신의 CSS 파일을 찾습니다

그런 다음 제거하십시오.

누락 된 초점 표시기 문제가 아니라면 대부분 해결됩니다. 숨겨진 오버 플로우로 인해 아웃 라인이 일부 브라우저에 나타나지 않는 시나리오가있을 수 있습니다. 적절한 포커스 스타일을 추가하여이를 찾아서 수정해야합니다.