비 입력 요소에 대해 캐럿을 사용하지 않도록 설정 하시겠습니까?

Question

HTML 문서에서 깜박이는 캐럿을 비 입력 요소 인 요소에 대해 비활성화 할 수 있습니까? 목록 항목 요소에 캐럿을 이동합니다 목록 항목을 클릭하면 예를 들어

:

<ul> 
    <li>Cool choice 1</li> 
    <li>Cool choice 2</li> 
    <li>Cool choice 3</li> 
</ul> 

당신이있는 경우 탐색을 위해 사용하고 ul은 당신이 그들을 버튼 같은 느낌 할 수 있습니다. 이것은 캐럿이 작동하지 않으면 달성 될 수 있습니다. 그런 일이 가능한가?

Answer 1

당신은 당신의 CSS의 상단에 이런 일을 할 수있는이 클래스를

.disableCaret{ 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    -moz-user-select: none;  /* Firefox all */ 
    -ms-user-select: none;  /* IE 10+ */ 
    user-select: none;  
} 

Answer 2

을보십시오. 이것은 입력이 아닌 모든 요소를 ​​대상으로하고 커서를 기본 화살표로 설정합니다.

CSS 방금과 같은 클래스를 추가 할 수 있습니다 클릭을 표시 할 아무것도 그런

*:not(input) { 
    cursor: default; 
} 

.

CSS

.clickable { 
    cursor: pointer; 
} 

Answer 3

난 당신이 true로 옵션

accessibility.browsewithcaret 

세트로 파이어 폭스를 사용하는 것 같아요. 이 옵션은 about : config 또는 Always use the cursor keys to navigate within pages이라는 고급 설정의 첫 번째 옵션에서 찾을 수 있습니다. 내가 정확하다고 생각한다면이 질문은 html이나 css와 아무런 관련이 없습니다.