如何樣式表單提交按鈕在CSS中？

我有一個網站，頂部的菜單看起來不錯。如果您將鼠標懸停在菜單上方，它會突出顯示，它不是JavScript，而是HTML 1嚴格（它一定是這個）。

我是從這樣一個做了：

<form action="masterpage.cgi" method="post"> 
<input type="hidden" name="test" value="hoi"> 
<input type="submit" value="opgave2" /> 
</form>

這個完美的作品，但它看起來醜陋。我想使用我的頂級導航鏈接（或者我希望它是看起來相同的按鈕）作爲提交按鈕。我怎樣才能做到這一點？

菜單鏈接：

<li><a href="../Nieuws/Nieuws.html">Nieuws </a></li>

當前CSS：

ul.topNav { 
    margin:0px; 
    padding:0px; 
    width:960px; 
} 
.topNav li{ 
    float:left; 
    display:inline-block; 
}

來源

2013-11-28 user3046636

做https://www.google.ge/?gws_rd=cr&ei=rpuYUp2-DYaJ5ATQqYCQCQ#q=buttons+in+css –

你想有點研究你的鏈接看起來像按鈕或按鈕應該看起來像鏈接？也許這[網站]（http://webdesignerwall.com/tutorials/css3-gradient-buttons）可以給你一個想法如何設計你的按鈕，同樣可以用於鏈接，只是讓他們'顯示：內聯塊;'。 – martinstoeckli

如果你想在你的提交按鈕的樣式更多的控制，使用該按鈕標記爲這樣：

HTML

<form action="masterpage.cgi" method="post"> 
    <input type="hidden" name="test" value="hoi"> 
    <button type="submit" name="submit">opgave2</button> 
</form>

C SS - 在這種情況下，我已將它設計成鏈接形式。（不是最好的主意，只是一個例子）

ul.topNav { 
    margin:0; 
    padding:0; 
    width:960px 
} 
.topNav li { 
    float:left; 
    display:inline-block 
} 
button { 
    background:none; 
    border:none; 
    color:#00C; 
    font-size:24px 
} 
button:hover { 
    text-decoration:underline; 
    cursor:pointer 
}

來源

2013-12-02 01:49:30 misterManSam

如何樣式表單提交按鈕在CSS中？

回答

相關問題