多种颜色的按钮文本

Question

我有一个输入按钮元素，我想在其中加入“带我去那里＆gt;”但是我想让角括号与文本的其他部分颜色不同。

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

Answer 1

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

使用带有跨度的按钮，将内容设置为您想要的任何颜色。 E.g：

<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">，则可以使用“ 第一个字母 ”Pseudo Class，如下所示。 你的风格课：

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

按钮：

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