如何访问按钮文本中的第一个单词

时间:2015-12-11 20:14:17

标签: html css button underline

这是我的代码

<button class="mcnTextContent"  type="button" style="text-decoration:underline">Click here to Reactivate your account before Feb. 1, 2016 for FREE</button>

我想在第一个单词(Click)上加下划线。任何人都可以帮我解决这个问题。

谢谢

2 个答案:

答案 0 :(得分:2)

您可以在单词风格的span中包含单击“

<button class="mcnTextContent"  type="button"><span style="text-decoration:underline">Click</span> here to Reactivate your account before Feb. 1, 2016 for FREE</button>

Original Fiddle

我还建议使用内联样式,所以这里没有内联css

<强> CSS

#underline{
    text-decoration:underline;
}

<强> HTML

<button class="mcnTextContent"  type="button">
    <span id="underline">Click</span> here to Reactivate your account beforeFeb. 1, 2016 for FREE
</button>

Updated Fiddle

答案 1 :(得分:1)

<button class="mcnTextContent"  type="button" >
    <span style="text-decoration:underline;">Click</span> here to Reactivate your account before Feb. 1, 2016 for FREE
</button>