how to hide the button value using html

Question

hi , i want to know how to hide button value: i am using style:color: transparent but i didn't know why it doesn't work.

thanks

Answer 1

Here, this will work in IE and FireFox:

CSS:

  input.noText {
    color: transparent;
    text-indent: -9999px;
    width: 200px; /* set width */
    height: 25px; /* fixed height */
    *margin-left: 9999px; /* IE6 only */
    font-size: 0px;
    line-height: 16px; /* retains height */
  }

HTML:

  <input type="button" value="moo" class="noText" />

Answer 2

If you just want the button to display without any text on it, set the value as an empty string, then set the height and width of the button manually.

Answer 3

The answer that Nathan Reed proposed is I think the best one. But as you said you need the value, so I think this is what you need
<input type="button" value="my value" style="color: buttonface;">