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>
4

2 回答 2

0

声明“如果我设置背景颜色，这会改变标准按钮外观的按钮外观”几乎总结了这些限制。您可以为按钮设置样式，但许多类型的样式会根据系统默认设置剥夺按钮所具有的功能。浏览器使用一些内置例程来呈现按钮，但许多 CSS 设置使它们偏离了这一点。一般无法模仿常见的按钮样式，部分是因为它因系统而异，部分是因为它具有当前定义和实现的 CSS 无法描述的渲染功能。

所以让按钮看起来像按钮。如果你不能做到这一点，请以某种统一的方式设置所有按钮的样式；让非默认按钮看起来像普通按钮而默认按钮看起来像其他东西会产生误导。

如果您只是删除另一个按钮，则实际上不需要将其中一个按钮指示为默认按钮。（请参阅被认为有害的重置/取消按钮。）

于 2012-04-22T04:45:10.527 回答
0

默认情况下，按钮由操作系统绘制，浏览器不控制它们的外观。如果您开始更改按钮的 CSS 属性，浏览器会接管并以自己的方式绘制按钮。如果您正在寻找一种简单的方法来获得具有不同颜色的漂亮按钮，请尝试 bootstrap。这是一个非常好的 CSS 样式表，尤其是在构建美观的表单时。

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

于 2012-04-22T04:53:17.763 回答