javascript - 具有多种颜色的按钮文本

Question

我有一个输入按钮元素，我想包含“带我去那里>”字样，但我想让尖括号的颜色与文本的其余部分不同。

这可能吗？如有必要，我很乐意使用 javascript 或 jquery 修复程序。

Answer 1

这个怎么样：http: //jsfiddle.net/w3KHd/1/

使用带有跨度的按钮，将字体颜色设置为您想要的任何颜色。例如：

<button>Take me there <span style="color: red"> &gt; </span></button>

更新：

如果要将按钮用作提交按钮，请使用：

<button type="submit">Take me there <span style="color: red"> &gt; </span></button>

Answer 2

如果你可以使用<button>而不是<input type="button">你可以使用“首字母”伪类，如下所示。
你的风格类：

<style>
button:first-letter {
color:red;
}</style>

按钮：

<button type="submit">&lt;Take me there ></button>