Question

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

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

Answer 1

在这里，这将适用于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 2

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

Answer 3

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

Answer 4

我有同样的问题。只需使用CSS将font-size设置为0px即可。然后它看起来太小了，只是将背景图像设置为你想要按钮的样子，以及你正在使用的图像的高度和宽度。然后，值可以是您需要的值，但按钮看起来就像您设置的那样，与按钮的值无关。

Answer 5

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

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

我在FF，Opera，Chrome，Safari，IE9，IE8和IE7中进行了测试

如何隐藏按钮元素的值？

5 个答案: