Как скрыть значение элемента кнопки?

Question

Как скрыть значение кнопки, пока она отображается? Я использую цвет: прозрачный; но это не работает

Я хочу скрыть значение кнопки, но не всю кнопку. Мне нужно сохранить атрибут значения в кнопке; Я просто не хочу, чтобы это было видно.

Answer 1

Если вы хотите, чтобы кнопка отображалась без текста, установите значение в виде пустой строки, а затем вручную установите высоту и ширину кнопки.

Answer 2

Здесь это будет работать в IE и 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 3

Этот метод идеально подходит в моем случае, я использовал:

input.button { text-indent: -9000px; text-transform: capitalize; }

Я тестировал его в FF, Opera, Chrome, Safari, IE9, IE8 и IE7

Answer 4

У меня была такая же проблема. Просто используйте CSS, чтобы установить размер шрифта 0px. Тогда он будет слишком маленьким, чтобы его можно было увидеть, и просто установите фоновое изображение таким, каким вы хотите, чтобы кнопка выглядела, а высотой и шириной - то, которое вы используете. Тогда значение может быть таким, каким вам нужно, но кнопка будет выглядеть так, как вам задано, независимо от значения кнопки.

Answer 5

Ответ, предложенный Натаном Ридом, я считаю лучшим. Но, как вы сказали, вам нужно значение, поэтому я думаю, что это то, что вам нужно
<input type="button" value="my value" style="color: buttonface;">