클릭시 자바 스크립트 버튼이 축소됩니다.

버튼을 클릭하면 축소됩니다. - 축소를 어떻게 방지 할 수 있습니까? 클릭시 자바 스크립트 버튼이 축소됩니다.

function aaa() { 
 
    document.activeElement.style.backgroundColor = '#B2DD28'; 
 
}

<button type="button" onclick="aaa()">0022</button> 
 
<button type="button" onclick="aaa()">0023</button> 
 
<button type="button" onclick="aaa()">0024</button> 
 
<button type="button" onclick="aaa()">0025</button> 
 
<button type="button" onclick="aaa()">0026</button> 
 
<button type="button" onclick="aaa()">0027</button><br> 
 
<button type="button" onclick="aaa()">0022</button> 
 
<button type="button" onclick="aaa()">0023</button> 
 
<button type="button" onclick="aaa()">0024</button> 
 
<button type="button" onclick="aaa()">0025</button> 
 
<button type="button" onclick="aaa()">0026</button> 
 
<button type="button" onclick="aaa()">0027</button>

는

출처

2016-09-29 Heiko

대부분의 경우 당신은 그들이 수축하게 어딘가에 몇 가지 코드가 있습니다. 전체 코드를 게시 할 수 있습니까? –

기본 버튼 상태에 사용자 정의 스타일을 제공하거나 (예 : 기본 배경을 흰색으로 설정) 기본 "

@ this.lau "run code snipped"를 클릭하십시오 - 버튼을 클릭하면 버튼이 축소되는 것을 볼 수 있습니다. 나는 그것들을 줄이기위한 자신의 코드가 없다. – Heiko

버튼은 경계가 배경과 다른 색입니다 단지이다, 축소하지 않습니다. 아마 국경은 연한 색이어서 흰색 배경에는 수축하는 것처럼 보입니다.

해결책은 아래의 코드와 같이 배경과 같은 색으로 테두리 색상을 설정하는 것입니다 :

function aaa() { 
 
    document.activeElement.style.backgroundColor = '#B2DD28'; 
 
    document.activeElement.style.borderColor = '#B2DD28'; 
 
}

<button type="button" onclick="aaa()">0022</button> 
 
<button type="button" onclick="aaa()">0023</button> 
 
<button type="button" onclick="aaa()">0024</button> 
 
<button type="button" onclick="aaa()">0025</button> 
 
<button type="button" onclick="aaa()">0026</button> 
 
<button type="button" onclick="aaa()">0027</button><br> 
 
<button type="button" onclick="aaa()">0022</button> 
 
<button type="button" onclick="aaa()">0023</button> 
 
<button type="button" onclick="aaa()">0024</button> 
 
<button type="button" onclick="aaa()">0025</button> 
 
<button type="button" onclick="aaa()">0026</button> 
 
<button type="button" onclick="aaa()">0027</button>

출처

2016-09-29 14:18:08

버튼이 실제로 Firefox에서 축소됩니다! 샘플 코드가 도움이되지 않습니다. - 업로드 된 이미지보기 https://snag.gy/ycw6po.jpg – Heiko

클릭시 자바 스크립트 버튼이 축소됩니다.

답변

관련 문제