Html 表格和按钮_Html_Forms - Fatal编程技术网

Html 表格和按钮

html forms

Html 表格和按钮,html,forms,Html,Forms,我想就如何使用提交按钮制作好表单提供一些指导，这些按钮看起来很平淡，但与使用html时默认的按钮不同。我想要本网站上的提交按钮。您应该尝试将CSS应用于您的提交按钮，如下所示： <head> ....... your html code ..... <style> .pass { width: 105px; padding: 5px; margin: 2px; font-weight: bold; color: #065fba; bac

我想就如何使用提交按钮制作好表单提供一些指导，这些按钮看起来很平淡，但与使用html时默认的按钮不同。我想要本网站上的提交按钮。

您应该尝试将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" />
......
...
.

希望这能有所帮助。

本网站上“发布答案”按钮的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;

为了实现跨浏览器兼容性，您需要在浏览器中添加一个类，因为旧版本的Internet Explorer无法识别CSS[type=]属性。

如果您想查看任何元素在您喜欢的任何示例中的样式，请在其他浏览器中使用或等效元素，这将向您显示适用于选定元素的CSS

在Stack Overflow的例子中，是这样的，按钮被一个：

谢谢你的回答。他们帮助了我。

.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;
}