Question

我想有一些关于如何使用提交按钮看起来平坦而不是像使用html时完成的默认按钮那样制作好形式的指导。我想要提交按钮，就像在本网站上找到的那样。

Answer 1

您应该尝试将CSS应用于提交按钮，例如：

<head>
.......
your html code
.....
<style>
.pass {
   width: 105px;
   padding: 5px;
   margin: 2px;
   font-weight: bold;
   color: #065fba;
   background: #f4f5f8;
   font-size: 11px;
   border: #e2e2e2 1px solid;
 }
</style>
</head>
.......
your html code
.....
<input trpe="submit" class="pass" value="Submit" />
......
...
.

希望这有帮助。

Answer 2

本网站上“发布你的答案”按钮的css用法是（或多或少）：

input[type="submit"] {
    border: 1px solid #888888;
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
    font-size: 130%;
    font-weight: bold;
    margin: 3px;
    padding: 2px;

对于跨浏览器兼容性，您需要向<input type="submit" />添加一个类，因为旧版Internet Explorer中无法识别CSS [type=""]属性。

Answer 3

如果您想了解任何元素是如何在您喜欢的任何示例上设置样式的，请使用Firebug或其他浏览器的等效元素，这将向您显示适用的CSS到选定的元素。

在Stack Overflow的情况下，就是这样，按钮被<div class="form-submit">包裹着：

.form-submit input {
    border: 1px solid #888888;
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
    font-size: 130%;
    font-weight: bold;
    margin: 3px;
    padding: 2px;
}

表格和按钮

3 个答案: