Question

我有一个html按钮，我添加了一个背景图片，上面有一个单词＆＃34; SUBMIT＆＃34;问题是，在图像的顶部有一个＆＃34;提交＆＃34;我无法摆脱。

这是我的代码

     <input type="submit" value="Submit" class="button" />

      .button{
      background: white url('../images/mybtn.png') no-repeat top;
      width: 150px;
      height: 30px;
}

我如何摆脱默认＆＃34;提交＆＃34;在按钮上？

谢谢

Answer 1

在您的按钮中写下text-indent:-9999px，如下所示：

.button{
      background: white url('../images/mybtn.png') no-repeat top;
      width: 150px;
      height: 30px;
      text-indent:-9999px;
      overflow:hidden;
}

Answer 2

您可以将图像用作输入类型，作为提交按钮，如W3 Schools

所示

Answer 3

更改
value="Submit"
到
value="" name="Submit"

Answer 4

为什么不只是陈述值=“”？或者像这样设置按钮的css： -

.button {
text-indent: -9999px;
overflow: hidden;

}

这将隐藏按钮的文字。

Answer 5

juz不要提到像value =“something”之类的东西......或者使用text-indent将文本“value”放在某个对窗口不可见的地方......

Answer 6

将值设置为空

<input type="submit" class="subbut" value="" />

试图隐藏或不显示“提交”一词

6 个答案: