Question

我使用以下CSS类隐藏asp:UpdatePanel中的文本框以接受来自USB读卡器的输入。

<style type="text/css">
    .USBBox
    {
        position: absolute;
        left: -999em;
    }
</style>

当我单击为更新面板配置为asp:LinkButton的{{1}}控件时，控件将显示在页面上，而CSS类不会应用于asp:AsyncPostBackTrigger控件。

此行为显示在IE7中。它在FireFox 3.5.7

中按预期工作

导致此行为的原因以及如何解决此问题

Answer 1

我有一个特异性问题。尝试

input.USBBox{ position:absolute!important; left:-999px!important; }

如果有效，请退出！important标签，看看究竟是什么导致了这个问题。

同时声明display：block;以防万一。

Answer 2

我认为你应该使用：

.USBBox
{
    display: none;
}

或者使用asp：HiddenField而不是文本框。

Answer 3

尝试

.USBBox
{
    display: block;
    width: 100px; /* or however wide you want it */
    position: absolute;
    left: -999em;
    background: #ff0000; /* visually ensure the class style is being applied, remove it later */
}

位置应仅适用于显示为块的项目。默认情况下，表单项以内嵌方式显示。

也只是为了giggles设置背景颜色只是为了确保输入框正在上课。

Answer 4

可能是新控件带有多个类吗？

因为IE在单个元素上组合类时遇到问题。

CSS类没有应用于异步回调的输入元素

4 个答案: