Кнопка CSS не может быть нажата на всех

Question

Пожалуйста, взгляните на страницу THIS.

Пожалуйста, загрузите несколько случайных данных и нажмите по краям кнопки для отправки.

ПРОБЛЕМА: Я не в состоянии нажать на кнопку по краям.

AIM: Я хочу расширить фрагмент, доступный по клику, по всей кнопке.

Я думаю, что я должен представить. Но я не уверен, где и как это должно быть сделано.

код я использую для кнопки является

<?php echo $form->submit('Submit', array('class' => 'submit_input', 'div' => array('class' => 'stndrd_btn', 'style' => 'margin-top:20px;'))); ?> 

Спасибо и хорошего дня

Answer 1

Какую библиотеку/структуру вы используете для создания форм? Вывешенный вами код не говорит нам о сгенерированном HTML.

В любом случае. Если вы осмотрите DOM с Firebug или что-то подобное, вы увидите, что кнопка элемент doesn't cover all the visual space.

Глядя на ваш CSS (global_style.css), я могу видеть, что ширина этой кнопки зашиты 131 пикселей:

.submit_input { 
    color:#FFF; 
    margin:0 auto; 
    text-align:center; 
    font-size:14px; 
    font-weight:bold; 
    background:none; 
    border:none; 
    width:131px; 
    height:22px; 
    padding-top:6px; 
    cursor:pointer; 
} 

Элемент, который обертывает фактическую кнопку (и показывает курсор визуального указателя и фоновое изображение), имеет ширину 140 пикселей и высоту 30 пикселей.

Теперь вы не хотите снова переустанавливать эти значения на кнопку, вы хотите установить эту кнопку на 100% ширину и высоту. Это может не сработать, если это встроенный элемент, поэтому вам необходимо установить его свойство display на block. Заменить переключатель .submit_input к следующему:

.submit_input { 
    color:#FFF; 
    margin:0 auto; 
    text-align:center; 
    font-size:14px; 
    font-weight:bold; 
    background:none; 
    border:none; 
    width: 100%; 
    height: 100%; 
    display: block; 
    padding-top:6px; 
    cursor:pointer; 
} 

Это должно сделать это. Приветствия.

Answer 2

Установите значение ширина и высота атрибуты submit_input класса CSS на 100%