输入按钮上的IE9 CSS不工作

输入按钮上的IE9 CSS不工作,css,internet-explorer-9,Css,Internet Explorer 9,我不知道该怎么说,但基本上在IE9中,当标准和浏览器模式设置为IE9时,我的按钮样式无法正确渲染。无论是否兼容IE10,它们在IE9标准和浏览器模式下看起来都很好,因此在IE10中测试不会显示此错误。在铬合金中,它也能完美地工作。这是我的按钮输入代码和.css,还有一个显示按钮渲染的提琴。我附上了一个用chrome渲染的按钮的屏幕截图(这是正确的),所以你可以看到它应该是什么样子,我只是不确定有没有解决办法,希望有人能帮上忙 .button\u标准, .CommandButton, .Comm

我不知道该怎么说,但基本上在IE9中,当标准和浏览器模式设置为IE9时,我的按钮样式无法正确渲染。无论是否兼容IE10,它们在IE9标准和浏览器模式下看起来都很好,因此在IE10中测试不会显示此错误。在铬合金中,它也能完美地工作。这是我的按钮输入代码和.css,还有一个显示按钮渲染的提琴。我附上了一个用chrome渲染的按钮的屏幕截图(这是正确的),所以你可以看到它应该是什么样子,我只是不确定有没有解决办法,希望有人能帮上忙

.button\u标准,
.CommandButton,
.CommandButtonNoWidth,
.CommandButtonWorkflow,
.CommandButton工作流通知
{
边框顶部:#F4E6CC 2px实心;
右边框:#BFB087 2px实心;
边框底部:#ABA476 2px实心;
左边框:#F5DFBA 2px实心;
填充:0;
字体大小:粗体;
字号:8pt;
保证金:0;
颜色:#666666;
背景色:#F3D29D;
文本分解:无;
光标:指针;
}

您的问题似乎是
边框中声明的顺序

CSS
border
(和
border left
等)按该顺序指定为

他们的顺序完全不同

从理论上讲,将它们按错误的顺序排列可能会破坏一切。在实践中,我没有看到这种情况经常发生;浏览器通常非常擅长理解您在本例中的意思,因为这三个值很容易区分(其他一些样式在这方面要求更高,但
border
通常要求更低)

然而,关于理论和实践的讨论在这里是不存在的,因为在代码中将值转换为正确的顺序可以使它按预期的方式工作,这显然是问题所在

以下是最新的小提琴:


希望这能有所帮助。

大写字母会刺痛我的眼睛。我正在编写的样式表中就是这样写的,我不是自己写的,但我会为你编辑这篇文章,谢谢你提供的信息丰富的评论非常感谢你在这方面的帮助,我甚至没有想到声明顺序,你是对的,包括IE版本在内的其他浏览器都正确地呈现了这一点,但带有IE9标准的IE9浏览器模式似乎不想让它正常工作,奇怪的是
.button_standard,
.CommandButton,
.CommandButtonNoWidth,
.CommandButtonWorkflow,
.CommandButtonWorkflowNotify
{
    border-top: #F4E6CC 2px solid;
    border-right: #BFB087 2px solid;
    border-bottom: #ABA476 2px solid;
    border-left: #F5DFBA 2px solid;
    padding: 0;
    font-weight: bold;
    font-size: 8pt;
    margin: 0;
    color: #666666;
    background-color: #F3D29D;
    text-decoartion: none;
    cursor:pointer; 
}

<input type="submit" name="ucDocSearchForm$btnSearch" value="Search" onclick="return validateDates();" id="ucDocSearchForm_btnSearch" class="CommandButtonNoWidth" name="btnSearch" onMouseOver="this.src='/applications/images/search_over_clink.gif'" onMouseOut="this.src='/applications/images/search_on_clink.gif'" style="font-weight:bold;width:65px" />