css - 在输入按钮上使用 :first-letter 伪元素

Question

我正在尝试创建一个只有第一个字母下划线的按​​钮。显然我不能使用标签，然后我会用 css 实现它，通过使用伪元素：first-letter。它在其他情况下工作得很好，但在按钮中不起作用。还有其他解决方案吗？

Answer 1

由于您尚未共享代码，因此我将在这里大胆猜测。

您正在使用<input type="button" value="Some Value">，因为里面没有实际的文本（显示的文本来自value=属性），:first-letter所以不起作用（因为它适用于元素内部的文本）。

相反，使用<button>Some Value</button>它应该可以正常工作。