0

我有 ah:commandButton 和 styleClass="waiButton". 生成的html是

<input class="waiButton" type="submit" value="Add existing" name="detailForm:j_idt184">

在css中，我有以下内容：

a.waiButton, a.waiButton:link, a.waiButton:visited, input.waiButton[type="submit"], input.waiButton[type="button"]
{
    background: none repeat scroll 0 0 #C7E4F7;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    display: inline-block;
    font-size: 11pt;
    margin: 4px 2px;
    padding: 2px 10px;
    text-decoration: none;
}

有人能告诉我为什么在除 IE 之外的所有浏览器中我的按钮都以这种方式显示（想要的） 在此处输入图像描述

在 IE 中这样 在此处输入图像描述

在带有 Firebug 的 FF 中，我可以看到按钮分配了正确的样式，而在 IE (F12) 中没有分配样式...

与 IE 有什么不同？任何提示将不胜感激。

编辑：

文档类型在那里：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

编辑2：

如前所述，已设置 DOCTYPE，但我注意到一些奇怪的事情：在 FF 中单击 F12 我在页面代码中看到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org TR/xhtml1/DTD/xhtml1-transitional.dtd">

在 IE 中

<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->

这<!Doctype可能<!--DOCTYPE是问题吗？

如果是，为什么 IE 将其设置为评论？在我的代码中有<!DOCTYPE...

4

2 回答 2

1

border-radius仅 IE9+ 浏览器支持该属性。为了使 css 属性选择器input.waiButton[type="submit"]适用于 IE8 和更早的浏览器，必须声明一个!DOCTYPE 。

于 2013-10-29T06:37:02.410 回答
0

发现问题。我在这里发现，如果你在 DOCTYPE 声明之前有一个 HTML 注释，这将触发 quirks 模式。

我在顶部移动了 DOCTYPE 声明，现在它可以工作了......

于 2013-11-13T10:12:29.250 回答