css - 使用 CSS 为字符串中的单个字符添加下划线

Question

我想要使用 accesskey 的热键。

假设我有这个(它是 AnguarJs，但这并不重要):

 <button type="button" class="btn btn-outline btn-default"  
   ng-click="CancelCampaignEdit();" accesskey='n'  
   style="margin-right:10%">Cancel</button>

如您所见，我想将热键 n 分配给此按钮。我如何使用 CSS 为 Cancel 中的 n 下划线？

Answer 1

如果您想添加额外的样式，您可以使用 text-decoration:underline 添加一个 span 标签。否则使用标签

 <button type="button" class="btn btn-outline btn-default"  
   ng-click="CancelCampaignEdit();" accesskey='n'  
   style="margin-right:10%">Ca<u>n</u>cel</button>

<button type="button" class="btn btn-outline btn-default"  
   ng-click="CancelCampaignEdit();" accesskey='n'  
        style="margin-right:10%">Ca<span style="text-decoration: underline;">n</span>cel</button>