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>

CSS - 在这种情况下，我将它设计为看起来像一个链接。（不是最好的主意，只是一个例子）

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
}

如何在CSS中设置表单提交按钮？

1 个答案: