Как стиль формы отправить кнопку в CSS?

Question

У меня проблема, и я не могу это исправить.

У меня есть веб-сайт с меню сверху, которое выглядит красиво. Если вы наведете над ним главное меню, это не 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; 
} 

Answer 1

Если вы хотите получить больше контроля над стилем вашей кнопки отправки, используйте кнопку бирку так:

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 
}