Question

我在尝试定义样式以形成按钮时遇到了一些麻烦。我的应用程序必须与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;
}

结果是一个带有插入边框的按钮。我的第一个线索是我的样式表中的其他CSS干扰了，所以我查看了Firefox的Web开发人员工具栏，这些样式应用于我的按钮。仅使用两个选择器：通用选择器和标签选择器。没有应用不需要的定义，根本不考虑该类。我不知道为什么。

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

Answer 1

我想这是因为在IE6中你无法根据自己的喜好为CSS设置边框样式。解决方法是使用border: 0删除按钮的边框，并使用作为边框的跨度包装按钮。您可以在此处查看示例：Any way to remove IEs black border around submit button in active forms?

Answer 2

自从我为IE6编程以来，我还没有一段时间，但是表单中的任何按钮都没有触发提交动作？即使它不是输入提交？

另一个选择是按一个按钮，然后生成一个表单提交动作onclick。然后，您可以根据需要设置按钮的样式。

“input type = submit”能理解CSS类吗？

2 个答案: