个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
inside a table to look the same in different IE versions
26
4
我有一小段代码可以生成 PrimeFaces 下拉列表 p:selectOneMenu，但我无法让所有 IE 看起来都一样。首先，这是代码
<h:form id="myForm">
<h:panelGrid columns="3" columnClasses=",column,">
Select Food:
<p:selectOneMenu id="food" required="true" value="#{viewBean.selectedFood}">
<f:selectItem itemLabel="Select One" itemValue=""/>
<f:selectItems value="#{viewBean.foodList}"/>
<p:ajax update=":myForm:errorFood"/>
</p:selectOneMenu>
<p:message id="errorFood" for="food"/>
</h:panelGrid>
<p:commandButton value="submit" update="myForm"/>
</h:form>
在 IE8 中，它看起来很糟糕。下拉列表与错误消息不一致。 
IE6 和 IE7 看起来都很棒(有一些变化，但下面是我想要的样子) 
我尝试解决这个问题，但将 padding-top: 16px; 添加到第二列，即保存下拉列表的列，以使下拉列表与错误对齐IE8 上的消息。好吧，这使 IE8 看起来正确，但使 IE6、7 不再对齐。我尝试使用不同的 doctype，比如
<!DOCTYPE html>
or
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
or
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
但是没有效果。如果我根本不使用 doctype，那么 IE6、7、8，下拉菜单与错误消息对齐，但由于 IE 现在处于 quirk 模式，导致更多问题它解决了。请问有什么解决办法吗？顺便说一句，Firefox 看起来总是很棒。
最佳答案
它在 IE8/9 中看起来很糟糕，因为 <p:selectOneMenu>生成 <div>其显示属性设置为 inline-block通过 ui-selectonemenu类(class)。由于 IE6/7 不支持此显示属性并默认为元素的默认显示(即 block 为 <div> )，它在 IE6/7 中看起来不错。尽管 IE8/9 支持 inline-block , 它只对 默认 的元素有效 inline ，而是一个 <div>默认为 block ，因此它会严重破坏定位。
IE8/9使用时的具体问题inline-block在默认情况下为 block 的元素上是基线完全错误。它被设置为元素的文本内容而不是元素本身。在您的特定情况下，文本“选择一个”的底线被设置为表格单元格的中间而不是元素本身的中间。所以，垂直对齐看起来很糟糕。解决此问题的方法之一是将垂直对齐设置为 top而不是(默认)baseline .
因此，要解决此问题，我建议覆盖 <p:selectOneMenu> 的默认样式在 <td> 里面在您通过 <h:outputStylesheet> 加载的自定义样式表中包含以下内容:
td .ui-selectonemenu {
vertical-align: top;
}
另一种方法是将显示属性设置为 block :
td .ui-selectonemenu {
display: block;
}
因为它完全包含在 <td> 中无论如何，它在其他浏览器中不会有任何显着的副作用。
关于css - 无法获取 <p :selectOneMenu> inside a table to look the same in different IE versions，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8842216/
26
4
0
我尝试实现此正则表达式来检查字符串("username")的长度是否在3到30之间，是否仅包含字母(a-z)，数字(0-9)和句点(.)(不连续): use regex::Regex; // 1.3.
我又在与正则表达式作斗争了。我一直在尝试添加使用转义字符来转义自定义标记，例如 至 和 至 .在乔治的帮助下，here , 在尝试转义方法之前，以下表达式会产生所需的结果。 ('This is a
我试图根据Python中的正常语法规则正确地分割句子。 我要拆分的句子是 s = """Mr. Smith bought cheapsite.com for 1.5 million dollars,
我有以下将字符串与模式匹配的正则表达式: (?i)(?
我想使用正则表达式过滤掉不使用“\r\n”作为换行符的文件。例如，如果文件包含单个“\n”或单个“\r”，则将被过滤为不合格文件。 我已经找到了: new Regex(@"(?
我正在尝试编写一个正则表达式替换模式，以便替换散列中的数字，如下所示: regexr link some_dict = { TEST: 123 } 这样就可以捕获和替换 123 个。(? " T
因此，我正在使用此查询查询Logstash，该查询返回堆栈顶部的所有内容: { "query": { "match_all": { } }, "size": 7, "_source": { "incl
我正在为 Android 开发 html/javascript 游戏。这是一款棋盘游戏，具有以下功能。它具有不同颜色的图 block ，用户可以在板上放置一个图 block (以编程方式选择)。如果我
所以我目前正在尝试创建一个函数，它将采用两个 3D 点 A 和 B，并为我提供代表 A 点“观察”B 点所需的旋转的四元数(这样点 A 的局部 Z轴穿过点 B，如果你愿意的话)。 我最初找到了this
比如： 第一个数字是：1。 看着第一个数字你可以说1个1，那么第二个数字就是：11。 看着第二个数字你可以说2个1，即第三个数字是：21。 看着第三个
基本上，要点在主题中。 当我创建两个具有固定高度 (2px) 的相同 div，并将缩放比例更改为 75% 或 125% 时，由于某种原因它们“看起来”不同，有人可以解释一下这里发生了什么吗？我该如何解
我正在使用 chrome://inspect/#devices通过cordova检查我的android-app构建的WebView。它在我的 Mac 上运行模拟器。可以找到该设备，但如果我在 WebV
如何使 Angular 服务代码“看起来同步”？ 当我清理 Controller 并将业务逻辑代码放入服务中时，我的问题出现了。到目前为止，一切都很好。现在我想在服务函数中“等待”，直到所有异步调用都
标准的 Delphi 控件(面板、按钮等)都有这种斜角效果(顶部和左侧的白线)，这给它们带来了 3D 感觉，但今天这让它们看起来很老式。 有没有办法至少在 Delphi 7 中删除这种“3D 外观”？
我有一个在 Win7 上使用 JFileChooser 的 java 应用程序。奇怪的是，有时(经常)但并非总是如此 - 驱动器名称在“查找范围:”组合框中看起来很奇怪: 有没有人知道是什么原因造成的
正在处理一些2015 AoC学习 clojure 的问题...下面的代码对于第 40 次迭代来说足够快，但在那之后很长时间就陷入了停滞。我与其他一些人的解决方案进行了比较，但我并不清楚为什么这么慢。我
我有一个在 Win7 上使用 JFileChooser 的 java 应用程序。奇怪的是，有时(经常)但并非总是如此 - 驱动器名称在“查找范围:”组合框中看起来很奇怪: 有没有人知道是什么原因造成的
我从 JUnit 开始，尝试找到测试的最佳断言方法。 假设我有一个函数来测试它 不返回值 如果输入无效则抛出异常 例如 void foo (int a) throws Exception { if
为了我的优化，我想在 Rcpp 中获得一个像样的 toupper。我对 C++ 很陌生，据我所知，我已经做到了: #include using namespace Rcpp; void C_toup
我在这里不知所措。我有一个简单的地形生成算法在工作，并且通过扩展 ViewPlatformAWTBehavior 和处理我自己的事件，我有一些简单的键盘导航在工作。一切都很好，我可以跟随地形。万岁!
我是一名优秀的程序员,十分优秀！