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

Question

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

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

SUBMIT =黑色 新闻=黑色 LET =白色 TER =黑色

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

提前感谢任何想法！

Answer 1

只需使用按钮并在其中放置一个范围

<button type="submit">SUBMIT NEWS<span style="color:white">LET</span>TER</button>

小提琴 - http://jsfiddle.net/Lczmkmr1/

Answer 2

适用于button，span和CSS。

＆＃13;

＆＃13;

<button type="submit" style="background-color:#ff0000">
    <span style="color: #ffffff">Submit</span> 
    <span style="color: #000000">Newsletter</span>
</button>

＆＃13;

＆＃13;

＆＃13;

Answer 3

你可以用css做，你只需要使用span：

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

和css：

#white{
  color: white;
}

Answer 4

首先是

<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;
}

Answer 5

是的，你可以在按钮标签内使用span。

<button> <span style="color:red;">Click</span> <span style="color:blue">Me</span> </button>

Answer 6

button{

width:800px;
background-image: url(http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg);
background-repeat: no-repeat;
height:439px;
margin-left:35px;
display:block;
color:white;
border: none;

}

<button></button>

这只是一个非常大的按钮，因为图像太大会根据您的需要调整高度和宽度