2013-11-03 39 views
0

我在我正在使用PHP插入的網站的主頁上有一個表單。我在末尾有一個'submit'按鈕我的表格,但按鈕不是特別大。我可以使用CSS調整按鈕的寬度,但是我無法改變按鈕的高度。有什麼辦法可以讓我的按鈕更大嗎?如何讓我的'<input type =「submit」>「按鈕更高

這是該按鈕的HTML:

<form> 
    <input type="submit" value="Log In"/> 
</form> 

這是CSS:

input[type="submit"] { 
    width:20%;  /*This works*/ 
    height:80px;  /*This does not work- the height does not adjust*/ 
} 
+3

It works .. http://jsfiddle.net/vueQH/這些只是不合法的評論,因此他們干擾CSS ... CSS中的評論是'/ * .... * /' ...現在你已經編輯了這個問題.. –

+0

它似乎並不適用於我,即使在你給我的網址。它是否有所作爲,因爲我正在使用iMac? – RabidTurnip

+0

是的 - 很可能。你使用什麼瀏覽器/版本..? –

回答

0

試試這個:

<form id="login"> 
    <button>Log in</button> 
</form> 

添加了jQuery:

$("button").click(function() { 
    $("#login").submit(); 
}); 

Accorting到this後,加入<!DOCTYPE html>可能會解決你的問題也是如此。

+0

這完美的作品!但是,jQuery沒有必要,點擊按鈕時,它會自動提交表單! – RabidTurnip

+0

很高興幫助;) – Art

0

檢查其是否被另一個類覆蓋。也許下面是一堂課。有時候,如果你使用外部的CSS框架,會發生這種情況。像引導,基礎..

+0

這似乎並非如此。無論如何感謝您的幫助 – RabidTurnip

相關問題