FireFox의 Strange Border 버그

나는 JS와 CSS를 어지럽히고있다. 일반 단추 스타일로 앵커가 있습니다. 스타일링시 나는 border-bottom: 5px dotted blue;입니다. 그런 다음 JS는 다음과 같습니다FireFox의 Strange Border 버그

onmouseover = "this.style.borderBottom = '5px solid red';"

그는 JSFiddle 예입니다 :이

경계가 겹쳐 보인다 버튼 위에 http://jsfiddle.net/MichaelMitchell/f4Ud4/ 호버, 누군가가 설명해주십시오 수 있을까? 크롬이 점선 테두리를 처리하는 방식 때문에 FireFox에서만 볼 수 있습니다.

출처

2012-12-22 MichaelMitchell

버그처럼 보이는 (더러운) 솔루션을합니다. 탭을 빠져 나왔을 때 모든 것이 정상입니다. 원하는 경우 [Bugzilla] (https://bugzilla.mozilla.org/)에서이를보고 할 수 있습니다. – Pavlo

버그가있는 동작을 설명 할 수 없습니다. 파이어 폭스는 다른 테두리를 그릴 때 그리기 영역을 지우지 않습니다.

그러나 여기가

<a class = 'testButton' href = '#' 
    onmouseover = 
    "var button = this; button.style.borderBottom = '0px'; setTimeout(function() { button.style.borderBottom = '5px solid red'; }, 1)"> 
    Button! 
</a>

출처

2012-12-22 10:29:00 bukart

변수'button '을'this'로 설정하는 이유는 무엇입니까? – MichaelMitchell

'var button '은 콜백 함수 안의 요소에 접근하기 위해 필요합니다.'this'는 예상 된 요소 인 – bukart

을 가리 킵니다.'function() {}'비트 – MichaelMitchell

FireFox의 Strange Border 버그

답변

관련 문제