[Solved] Hide text placeholder

[Armannn]

Hello everyone!

I’ve been trying to hide the “Search…” text through CSS, but haven’t found out a way to do it. Any possibilities to do it?

<input placeholder="Search..." type="text" name="search" value="">

[Paulie_D]

First choice.

Don’t put it in the HTML in the first place.

<input type="text" name="search" value="">

Second Choice

Color it invisible

::-webkit-input-placeholder {
   color:transparent;
}

:-moz-placeholder { /* Firefox 18- */
   color:transparent; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color:transparent; 
}

:-ms-input-placeholder {  
   color:transparent;
}

http://codepen.io/Paulie-D/pen/eNyGoV

[Armannn]

Thank you very much. Works like a charm.

[Author]

Posts