입력:초점 작동하지 않는 파이어 폭스

StackOverflow https://stackoverflow.com/questions/1408563

  •  05-07-2019
  •  | 
  •  

문제

나는 다음과 같은 스타일을 확인했로드되:

input:focus { outline: none; }
:focus { outline: none; }

나는 이를 표시하지 않을 점 직사각형 을 클릭하면 무언가이다.이 작품에 대한 모든 것 FireFox 에서는 것으로 나타났을 제외하고,내 입력 버튼이 있습니다.내 입력 버튼이 표시어 사각형 주위를 때 나는 그들을 클릭합니다.

를 얻을 수 있는 방법들을 중지을 하고 있는가?

도움이 되었습니까?

해결책

나는 할 필요가 이(원):

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

이미"개요:0"설정에서 모든 것을 통해 다시 설정하지만,는 모즈 초점-내부였을 제거 하는 데 필요한 점선에 CSS 스타일의 버튼입니다.

다른 팁

<input ... onfocus="this.blur();"/> 트릭을 할 것입니다

또 jQuery: 

$("input").focus(function(){this.blur();});

이것이 나를 위해(그것을 시도 모두에서 firefox2 및 3)

<html>
<head>
  <title>Test</title>
  <style>
   :focus { -moz-outline-style: none;}
  </style>
</head>
<body>
  <form action="#">
    <input type="image" src="button.png" />
  </form>
</body>
</html>

그냥 단추를 추가합니다.png:-)

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top