使用：输入按钮上的第一个字母伪元素

Question

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

Answer 1

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

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

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