我在尝试定义样式以形成按钮时遇到了一些麻烦。我的应用程序必须与 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 运行缓慢,我有时间查看实际发生的情况:我的类按预期工作但在加载期间突然被删除(这就是为什么它没有出现在 wed dev 工具栏中)。这实际上是我的 JS 代码中的一个错误。感谢所有试图提供帮助的人。 :)
最佳答案
我想这是因为在 IE6 中你不能随心所欲地使用 CSS 设置边框样式。解决方法是使用 border: 0
删除按钮的边框,并用作为边框的 span 包裹按钮。您可以在此处查看示例:Any way to remove IEs black border around submit button in active forms?
关于html - "input type=submit"理解 CSS 类吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4826315/