кнопка javascript сжимается при нажатии

При нажатии на кнопки они сокращаются. -Как можно предотвратить сокращение?кнопка javascript сжимается при нажатии

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, пожалуйста, нажмите «Запустить код, отрезанный», - тогда вы увидите, что кнопки сжимаются при нажатии на них. У меня нет собственного кода, чтобы заставить их сжиматься. – 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

кнопка javascript сжимается при нажатии

ответ

Смежные вопросы