如何隐藏按钮元素的值？答案

【问题标题】：How to hide the value of a button element?如何隐藏按钮元素的值？
【发布时间】：2010-05-26 09:43:51
【问题描述】：

如何在显示按钮的同时隐藏按钮的值？我正在使用颜色：透明；但这不起作用。

我想隐藏按钮的值，但不是所有的按钮。我需要在按钮中保留 value 属性；我只是不想让它可见。

【问题讨论】：

按钮值，即文本 ob 按钮对吗？
值“透明”对color property 无效。
只是我想隐藏按钮的值而不是所有按钮。我需要这种待遇，我不明白为什么在这里投票我只是想留出时间我在这里发布问题
@kawtousse - 我的回答不够好，我已经更新了。
+1 以补充无法解释的大规模投票。（尽管我认为这不是一个好问题，但它仍然是一个有效的问题。）

标签： html css

【解决方案1】：

我也有同样的问题。只需使用 CSS 将字体大小设置为 0px。然后它将太小而无法看到，只需将背景图像设置为您希望按钮看起来像的任何内容，并将高度和宽度设置为您正在使用的图像的高度和宽度。然后值可以是您需要的任何值，但按钮看起来就像您设置的任何值，与按钮的值无关。

【讨论】：

这太完美了！谢谢

【解决方案2】：

这个method在我的情况下是完美的，我用过：

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

我在 FF、Opera、Chrome、Safari、IE9、IE8 和 IE7 中测试过

【讨论】：

【解决方案3】：

Nathan Reed 提出的答案是我认为最好的答案。但正如你所说，你需要价值，所以我认为这就是你需要的
<input type="button" value="my value" style="color: buttonface;">

【讨论】：

这不行，IE8, IE7, IE6 和 FireFox 3.6 (至少) 中文本的阴影完全错误
我在 IE8 和 Mozilla 上看不到任何阴影。你在谈论什么样的色调？

【解决方案4】：

如果您只想让按钮显示而不显示任何文本，请将值设置为空字符串，然后手动设置按钮的高度和宽度。

【讨论】：

为什么需要这个值？如果您只需要将其存储在表单上，请使用隐藏的输入字段。我觉得你这样做是错误的方式......

【解决方案5】：

这里，这将在 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" />

【讨论】：

它隐藏了所有按钮这不是我想要的。