css - 使用 :first-letter pseudo-element on input button

Question

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

Answer 1

既然你还没有分享你的代码，我在这里大胆猜测一下。

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

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