html - 仅使用 CSS 删除输入元素的值属性

Question

我有一个“提交”按钮，我正在尝试用图片替换它

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

我不能修改 HTML，也不能使用 JavaScript。我只能访问 CSS。

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

编辑

我实际上已经能够使用图像设置按钮的样式。我现在想删除“继续”按钮。我通过将 text-indent 值设置为负数来完成此操作，这在不久前曾在此处建议过，但已被删除。我想知道是谁发布的，所以我可以接受它作为答案。

Answer 1

免责声明:这是一个糟糕的答案——我希望你内心深处也知道这一点。如果你对我的警告嗤之以鼻，来自 CeSSei 8 的外星人会绑架你，让你在 4 个维度上为你建模。赞成这个答案需要您自担风险。我用现在看来是另一种生活的方式写下它，每次读到它都直达我的灵魂深处。我为网络哭泣。 您已收到警告。

我无法想象为什么有人需要删除控件的值仅使用 CSS。我当然从来不需要考虑这样做。

无论如何，font-size: 0 的替代方法是使元素不可能使用 em 和 ex 单位，使使用透明“画笔”渲染文本，实际上根本不渲染它:

color: transparent;

请注意，应用于输入元素的上述规则对元素中占位符文本的颜色没有影响。

这个解决方案，就像大多数这样的“hacks”一样，有很多问题——你可能希望至少添加 user-select: none 以及上述规则，以禁用用户文本选择，因为选择它会将其暴露在所选内容的纯色背景下，这可能是合意的，也可能不是合意的。