Xpages editbox/datepicker控件在可滚动div内的IE 7中不滚动

Xpages editbox/datepicker控件在可滚动div内的IE 7中不滚动,xpages,lotus-notes,lotus,xpages-ssjs,Xpages,Lotus Notes,Lotus,Xpages Ssjs,在我的例子中,我需要在一个表单中显示大约15列。所以我决定将该表显示在一个div中,水平滚动以避免hor滚动到整个页面 在firefox中运行良好,但奇怪的是在IE7中,编辑框和日期选择器没有滚动。它们是固定的。其他标签、文本区域等都在滚动 但是没有应用css,我在没有任何css的测试xpage中尝试了同样的方法,但结果是相同的 我对默认样式表-xsp.css中的以下样式有疑问 .xspInputFieldEditBox { border: 1px solid #B3B3B3;

在我的例子中,我需要在一个表单中显示大约15列。所以我决定将该表显示在一个div中,水平滚动以避免hor滚动到整个页面

在firefox中运行良好,但奇怪的是在IE7中,编辑框和日期选择器没有滚动。它们是固定的。其他标签、文本区域等都在滚动

但是没有应用css,我在没有任何css的测试xpage中尝试了同样的方法,但结果是相同的

我对默认样式表-xsp.css中的以下样式有疑问

.xspInputFieldEditBox {
    border: 1px solid #B3B3B3;
    height: 1.25em;
    line-height: 1.5em;
    margin: 0 0.1em;
    overflow: hidden;   <---
    position: relative; <---
}  
.xspInputFieldEditBox{
边框:1px实心#B3;
高度:1.25em;
线高:1.5em;
边缘:0.1米;
溢出:隐藏;简短的解决方案是:
如果您使用的是标准的XPage css,您必须在
中设置
disableTheme=“true”
,那么这些字段将在IE7中滚动,但它们将丢失所有css属性,因此您可能需要自己添加一些样式

因此,您可以使用:

    <xp:inputText id="inputText1"
        disableTheme="${javascript:!context.getUserAgent().isIE(6,7);}">
    </xp:inputText>


要仅禁用旧IE浏览器的主题…

可能是下面的链接帮助我,但是,我如何覆盖那些特定样式的xsp.css。非常感谢@Michael Saiz。它工作得很好。我会处理其他css属性。我已经尝试了1个半小时了…非常感谢。但是对于日期选择器,它没有帮助ng me.日期选取器字段被滚动,但日期选取器图像没有滚动…嗯…我在IE8中遇到了相同的scrol问题,它在那里对我起作用,日期选取器字段也起作用。或者你是说在选择日期时搜索字段?问题是当对话框打开css时,从dojo获取lodaed/css。。
    <xp:inputText id="inputText1"
        disableTheme="${javascript:!context.getUserAgent().isIE(6,7);}">
    </xp:inputText>