Question

我在IE8中设置提交和取消按钮的样式时遇到问题使用：

.editableTable button[type="submit"]
{
    background:url("../images/Ok-icon.png") no-repeat 0 0;
    border:none;
}

和

.editableTable button[type="cancel"],.editableTable button[type="button"]
{
    background:url("../images/Close-icon.png") no-repeat 0 0;    
    border:none;
}

我在FF和IE7中得到了我想要的东西，但是在IE8中按钮类型是在ok和cancel按钮上提交，所以我在两个按钮上都得到了OK图标。我的另一个选择是按钮：nth-child（）但是在IE中不起作用。所以我被困住了，真的很感激任何指针...

谢谢！

关心Sven

Answer 1

您可能错过了Doctype声明。尝试在<!doctype html>开始之前在页面顶部添加<html>，看看会发生什么。还有一个怪癖，IE有时无法理解type="submit"但理解type="Submit"，反之亦然。试试这些。

此外，在SO上已经多次询问过类似的问题。

其中一个就在这里 Css attribute selector for input type="button" not working on IE7

- 修改

喔。在IE8中也发现了关于选择器问题的这个问题。 Attribute selectors, JavaScript and IE8

可切换的按钮样式问题

1 个答案: