请输入通过CSS看不见？

StackOverflow https://stackoverflow.com/questions/1078451

  •  21-08-2019
  •  | 
  •  

题

我有其中根据网站的品牌形式两个输入字段中的一个应在一个给定的点是可见的。

我想我只是把两个输入字段以相同的容器中，然后通过我的样式表设置为显示其中之一：无; 这确实隐藏字段，但它仍然使得它占用空间。 我还试图的高度和宽度设置为0或设定能见度隐藏或崩溃但无那些工作。

直到现在所有的品牌的东西可以用CSS样式表来完成，所以我想保持这种方式。 溶液应至少在IE6＆起来，火狐2向上被支撑和铬（最新）。

有帮助吗？

解决方案

有关设置无形输入字段position: absolute;应该取出的渲染流的什么。

但是，将其设置为display: none理论上应该做同样的...

其他提示

你为什么不使用输入type="hidden"？ 

<style>
.hideme
{
    display:none;
    visibility:hidden;
}
.showme
{
    display:inline;
    visibility:visible;
}
</style>


<input type="text" name="mytext" class="hideme">

您可以设置类=“hideme”隐藏你的控制或类=“SHOWME”，以示你的控制。可以使用JavaScript，或者服务器端的编码设置此toggeling。

  

这确实隐藏字段，但它仍然   使得它占用空间。

这是不应该发生;显示：无应该引起不被包括在流中的元素。检查你的CSS的其余部分（尝试使用Firebug来找出额外的“空间”，这可能只是填充或周围的一些元素的利润，是来自）。

我不是太熟悉CSS，但你可以尝试实现 JQuery的它结合了Javascript和CSS让你做这样的东西相对容易。

使用可见性属性占用空间渲染即使元件是不可见的。代替使用visivility的必须使用显示属性。

您可以将显示为 无的如果您要隐藏的元素，并显示为 块 或 在线的如果你想向他们展示。

要对显示检查此一看

如果您设置的显示属性不会解决你的问题，那么我认为文本框可能被绝对定位。这可能是针对布局不改变的原因。

你能请张贴的完整代码？

不隶属于 StackOverflow
scroll top