“输入类型=提交”是否理解 CSS 类？答案

【问题标题】：Does "input type=submit" understand CSS classes?“输入类型=提交”是否理解 CSS 类？
【发布时间】：2011-06-17 02:43:34
【问题描述】：

我在尝试定义样式以形成按钮时遇到了一些麻烦。我的应用程序必须与 IE6 兼容，这意味着我不能使用属性选择器。我为每个按钮添加了一个类。

这是我的一个按钮的代码（ASP.Net 自动生成的代码）

<input type="submit" name="ctl00$cphContenu$adminTabContainer$adminTabAccueil$ctl01" value="Valider" class="formBouton" />

这里是应该影响它的 CSS 定义

*
{
    font-family:verdana, sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
    border:0;
}

input, textarea, select
{
    border:2px inset #ccc;
}

.formBouton
{
    border:2px outset #ccc;
}

结果是一个带有 inset 边框的按钮。我的第一个线索是我的样式表中的一些其他 CSS 受到干扰，因此我使用 Firefox 的 Web 开发人员工具栏检查了哪些样式应用于我的按钮。只使用了两个选择器：通用选择器和标签选择器。没有应用不需要的定义，并且根本不考虑类。我也不知道为什么。

编辑：由于 IE6 很慢，我有时间看看实际发生了什么：我的类按预期工作，但在加载时突然被删除（这就是它没有出现在 wed dev 工具栏中的原因）。这实际上是我的 JS 代码中的一个错误。感谢所有试图提供帮助的人。 :)

【问题讨论】：

标签： html css

【解决方案1】：

我想这是因为在 IE6 中你不能随心所欲地用 CSS 设置边框样式。一种解决方法是使用border: 0 删除按钮的边框，并使用作为边框的跨度包装按钮。你可以在这里看到一个例子：Any way to remove IEs black border around submit button in active forms?

【讨论】：

这是一件好事，谢谢。不幸的是，这对我的问题没有帮助。我对 Firefox 和 IE 也有同样的问题，如果甚至不阅读类定义中的代码，我就无法为我的按钮定义一个边框：0。 ://

【解决方案2】：

我已经有一段时间没有为 IE6 编程了，但是表单中的任何按钮都不会触发提交操作吗？即使它不是输入提交？

另一种选择是使用一个按钮并让它在点击时生成一个表单提交操作。这将允许您根据需要设置按钮的样式。

【讨论】：

是的，除非您在<button> 标记中指定type="button"。