Make input invisible through css?

html css hide
Boris Callens picture Boris Callens · Jul 3, 2009 · Viewed 69.5k times · Source

I have a form where depending on the website's brand one of two input fields should be visible at one given spot.

I figured I just put both input fields in the same container and then through my stylesheet set one of them to display:none; This does hide the field, but it still makes it take up space. I also tried setting the height and width to 0 or setting visibility to hidden or collapse but none of those worked.

Untill now all the branding things could be done with css style sheets so I would like to keep it that way. The solution should at least be supported in IE6 & up, Firefox 2 & up and Chrome (latest).

Answer

bdo334 picture bdo334 · Jul 3, 2009

why don't you use input type="hidden" ?

Related questions

jQuery hide and show toggle div with plus and minus icon

I have the code working for the show and hide the div. How would I add two different icons as a sprite image for when the show and hide are active? For example: + icon for show me, then a - …

Read More
JavaScript - Hide a Div at startup (load)

I have a div in my php page that uses jQuery to hide it once the page has loaded. But is there a way to hide it from the very start of loadup? The reason I ask is because for …

Read More
Hide Text with CSS, Best Practice?

Let's say I have this element for displaying the website logo: <div id="web-title"> <a href="http://website.com" title="Website" rel="home"> <span>Website Name</span> </a> </div&…

Read More