是否可以为HTML提交按钮提供多种颜色?

是否可以为HTML提交按钮提供多种颜色?,html,css,Html,Css,我的客户要求我提供一个包含2个单词和3种不同文本颜色的提交按钮: <input type="submit" value="SUBMIT NEWSLETTER" /> 提交=黑色 新闻=黑色 LET=白色 TER=黑色 我猜CSS不会这么做。也许是Javascript 提前感谢您的任何想法 只需使用一个按钮并在其中放置一个span即可 <button type="submit">SUBMIT NEWS<span style="color:white">LE

我的客户要求我提供一个包含2个单词和3种不同文本颜色的提交按钮:

<input type="submit" value="SUBMIT NEWSLETTER" />

提交=黑色 新闻=黑色 LET=白色 TER=黑色

我猜CSS不会这么做。也许是Javascript


提前感谢您的任何想法

只需使用一个按钮并在其中放置一个span即可

<button type="submit">SUBMIT NEWS<span style="color:white">LET</span>TER</button>
提交时事通讯



小提琴-

它与
按钮、
span
和CSS一起工作


提交
新闻稿

您可以使用css,只需使用span:

<button>Submit News<span id="white">let</span>ter</button>

首先是

<button type="submit">SUBMIT NEWS<span style="color:#fff;">LET</span>TER</button>
<button type="submit">SUBMIT NEWS<span class="white">LET</span>TER</button`>

.white{
color:#fff;
}
提交时事通讯
第二个是

<button type="submit">SUBMIT NEWS<span style="color:#fff;">LET</span>TER</button>
<button type="submit">SUBMIT NEWS<span class="white">LET</span>TER</button`>

.white{
color:#fff;
}
提交时事通讯
怀特先生{
颜色:#fff;
}
按钮{
宽度:800px;
背景图片:url(http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg);
背景重复:无重复;
高度:439px;
左边距:35px;
显示:块;
颜色:白色;
边界:无;
}

是的,您可以在按钮标签内使用span


点击
我

制作并制作图片背景这是一个使用按钮并将文本分成不同跨距的示例:这与几分钟前发布的其他答案有何不同?不是!当我开始在没有答案的地方打字时,在我点击提交的那一刻,我看到了所有其他的答案,这是真的,我也开始回答了,但当我看到有很多答案时,胡安·费尔南德斯·里达诺(Juan Fernandez Ridano)。回答得好。这与几分钟前发布的其他答案有何不同?@SatejS我什么时候在写另一个答案?发布相同的答案。适合使用类名而不是内联样式