html - 如何仅将属性应用于提交按钮

Question

我想规范化我页面中的一些元素，比如在提交按钮上放置一些边距/填充。

尝试使用 input.submit {margin:0; padding:1px 6px 1px 6px;} 但似乎不起作用。我如何使用 CSS 2.1 做到这一点？

Answer 1

最可靠的 CSS 2.1 我认为您可以选择将 class 或 id 应用于按钮，或者将按钮隔离在特定的父元素中.

否则 CSS 2.1 确实支持 attribute=value选择器符号，所以:

input[type=submit],
/* or */
button[type=submit]

应该可以。然而，根据 PPK, of Quirksmode，这在 Internet Explorer 中是可变可靠的(尽管令我惊讶的是)。 , 在 IE>=7 中可用。

编辑以进一步探讨问题:

input.submit {margin:0; 的原因padding:1px 6px 1px 6px;} “不起作用”是因为选择器 input.submit 会选择类名为 input 的元素提交。除非你给提交按钮那个类名，否则你的 html 中没有匹配的元素。

使用 jQuery 可以将提交元素与选择器 $('input:submit') 匹配，但这不是有效的 CSS 选择器(据我目前所知)；如上所述，CSS 可以提供的最接近的东西是 input[type=submit]。

---

进一步引用:CSS2 [attr] selector, at Quirksmode.org .