2012-04-22 140 views
0

发现,对于表中输入的默认按钮是第一submit类型。这可行,但我指定的按钮看起来像默认按钮,即突出显示的按钮。如果我设置了背景色,这会改变标准按钮外观中的按钮外观。默认按钮颜色

这里是HTML表单。

<form id="login_user_id" name="login_user_form"> 

<input type="hidden" name="id" id="id" value="add" /> 
<input type="hidden" name="edit_user" id="edit_user" value="y" /> 
<table cellspacing="0px"> <tr><td>Username or email:</td></tr><tr><td> 
<input type="text" name="username_email" id="username_email" size="30" value="" class="inline_input"/></td> </tr> <tr><td>Password:</td></tr><tr><td> 
<input type="password" name="user_passwd" id="user_passwd" size="30" class="inline_input"/></td> </tr> </table></td></tr> </table> 
<button id="login" type="submit" onclick="login_user(); return false;" style="width: 63px;">Login</button> 
<button id="cancel" onclick="cancel_login(); return false;" style="width: 63px; float: right; margin-right:8px; position: relative; top: -22px;">Cancel</button> 

</form> 
+0

我显然不明白你的意思:'的按钮,看起来像默认按钮,即是highlighted'一个 – hjpotter92 2012-04-22 02:21:00

回答

0

声明:“如果我设置背景颜色这改变了从标准按钮按钮外观看起来”几乎概括了限制。您可以设置按钮的样式,但是按照系统默认设置,可以使用多种类型的样式剥夺按钮。浏览器使用一些内置例程来渲染按钮,但许多CSS设置使它们与此不同。通常不可能模仿常见的按钮样式,部分原因是它因系统而异,部分原因在于它具有无法用CSS描述的渲染功能,正如当前定义和实现的那样。

所以才让按钮看起来像按钮。如果你不能这样做,风格所有你的按钮在一些统一的方式;使非默认按钮看起来像一个普通按钮并且默认按钮看起来像其他东西是错误的。

实在是没有必要指示按钮为默认按钮中的一个,如果你只是删除其他按钮。 (见Reset/Cancel Button Considered Harmful。)

+0

有很多的网页,有一个按钮高亮,以示如果用户按下回车键则为默认操作。我该怎么做呢?我如何告诉浏览器将一个给定的按钮作为默认按钮? – user823527 2012-04-23 18:02:57

+0

@ user823527,我还是不明白你为什么会做,在这种情况下(其中一个更好的方式存在),但是如果你想模仿你所看到的东西,看它的源代码,并张贴有问题一个URL,如果你真的不知道他们是如何做到这一点的。 – 2012-04-23 18:36:35

0

默认情况下,按钮由操作系统绘制,并且浏览器不控制他们如何看。如果您开始更改按钮的CSS属性,浏览器将以自己的方式接管并绘制按钮。如果你正在寻找一种简单的方法来获得不同颜色的漂亮按钮,试试bootstrap。这是一个很好的CSS样式表,特别是当涉及到构建美观的表单时。

http://twitter.github.com/bootstrap/