Html 如何仅将属性应用于“提交”按钮

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

---

尝试使用

input.submit{margin:0；padding:1px 6px 1px 6px；}

但似乎不起作用。如何使用CSS 2.1做到这一点？

使用CSS 2.1最可靠，我认为您可以选择将

类

或

id

应用于按钮，或将按钮隔离在特定父元素内部

否则，CSS 2.1不支持选择器符号，因此：

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

应该有用。然而，根据IE>=7，这在Internet Explorer中的可靠性是可变的（尽管，令我惊讶的是）是可用的

编辑以进一步探讨该问题：

input.submit{margin:0；padding:1px 6px 1px 6px；}

“不工作”的原因是选择器

input.submit

将选择类名为

submit

的

input

元素。除非您给submit按钮指定类名，否则html中没有匹配的元素

---

使用jQuery可以将提交元素与选择器

$（'input:submit'）

匹配，但这不是一个有效的CSS选择器（据我目前所知）；如上所述，CSS能提供的最接近的东西是

输入[type=submit]

---

---

进一步参考：.

使用CSS 2.1最可靠，我认为您可以选择将

类

或

id

应用于按钮，或将按钮隔离在特定父元素内部

否则，CSS 2.1不支持选择器符号，因此：

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

应该有用。然而，根据IE>=7，这在Internet Explorer中的可靠性是可变的（尽管，令我惊讶的是）是可用的

编辑以进一步探讨该问题：

input.submit{margin:0；padding:1px 6px 1px 6px；}

“不工作”的原因是选择器

input.submit

将选择类名为

submit

的

input

元素。除非您给submit按钮指定类名，否则html中没有匹配的元素

---

使用jQuery可以将提交元素与选择器

$（'input:submit'）

匹配，但这不是一个有效的CSS选择器（据我目前所知）；如上所述，CSS能提供的最接近的东西是

输入[type=submit]

---

---

进一步参考：.

在与CSS3兼容的浏览器中，您可以使用：

input[type="submit"] {margin:0; padding:1px 6px 1px 6px;}

如果不能使用CSS3，则必须在提交输入上设置一个类：

<input type="submit" class="submit" value="Submit form" />

---

在与CSS3兼容的浏览器中，您可以使用：

input[type="submit"] {margin:0; padding:1px 6px 1px 6px;}

如果不能使用CSS3，则必须在提交输入上设置一个类：

<input type="submit" class="submit" value="Submit form" />

是<代码>输入[type=“submit”]是有效的CSS 2.1选择器

资料来源：

是<代码>输入[type=“submit”]是有效的CSS 2.1选择器

---

资料来源：

请参阅我答案的补充。

input[type=submit]

。好的，我还以为是CSS3。我想我已经花了太长时间试图在甚至不完全支持CSS2的浏览器中使事情看起来漂亮。请参阅我答案的补充。

input[type=submit]

。好的，我还以为是CSS3。我想我已经花了很长时间试图在甚至不完全支持CSS2的浏览器中使事情看起来漂亮。并不是所有的浏览器都完全实现了CSS 2.1。有什么特别的原因需要支持它们吗？并不是所有的浏览器都完全实现了CSS 2.1。你需要支持他们有什么特别的原因吗？好的，我以为是CSS3。我想我已经花了很长时间试图在甚至不完全支持CSS2的浏览器中使事情看起来漂亮。好吧，我还以为是CSS3呢。我想我已经花了太长时间试图在甚至不完全支持CSS2的浏览器中使事情看起来漂亮。