仅使用CSS删除input元素的value属性

Question

我有一个"提交"按钮,我试图用图像替换

<input type="submit" value="Continue" />

我无法修改HTML,也无法使用JavaScript.我只能访问CSS.

是否可以value仅使用CSS 删除单词"Continue"(属性)？

编辑

我实际上已经能够使用图像设置按钮的样式.我现在想要删除"继续"按钮.我已经通过将text-indent值设置为负数来完成它,这是在不久之前提出的,但是已被删除.我想知道谁发布了它,所以我可以接受它作为答案.

Answer 1

我没有发现任何不会在我嘴里留下不好味道的东西,但另一种选择font-size: 0使得元素的使用em和 ex单位不可能,是使用透明的"画笔"进行文本渲染,实际上根本不渲染它:

color: transparent;

请注意,应用于input元素的上述规则不会影响元素中占位符文本的颜色.

此解决方案仍有许多潜在的不良特征 - 您可能希望至少添加user-select: none上述规则,以禁用用户对文本的选择,因为选择它会使其与选择的纯色背景颜色相对应,这可能是也可能不是可取的.

Answer 2

input[type="submit"] {
  font-size:0;
  width:120px;
  height:30px;
  background: url('dir/image.png') no-repeat left top;
  border: none;
}

这样就可以了.请记住,您的图像路径是相对于样式表的.