CSS按鈕不可點擊全部

請輸入一些隨機數據並點擊按鈕的邊緣以提交。

問題：我不能點擊邊緣上的按鈕。

AIM：我想將可點擊的部分擴展到整個按鈕。

我想我必須介紹它。但我不確定在哪裏以及如何做。

我使用該按鈕的代碼是

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

感謝，並有一個美好的一天

來源

2010-06-28 vamosrafa

你使用什麼庫/框架來生成表單？您發佈的代碼並不能告訴我們有關生成的HTML的多少信息。

無論如何。如果檢查Firebug的或類似的DOM，你會看到按鈕元素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; 
}

包裝實際按鈕（並顯示視覺指針光標和背景圖像）的元素寬度爲140px，高度爲30px。

現在，您不想將這些值再次硬編碼到按鈕，您想將此按鈕設置爲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; 
}

應該這樣做。乾杯。

來源

2010-06-28 17:38:06

設置寬度和高度submit_input CSS類屬性100％

來源

2010-06-28 02:03:45

CSS按鈕不可點擊全部

回答

相關問題