提交按钮中的字符可以采用不同的格式吗？

Question

我有一个表单，表单上有一个带有html代码的提交按钮，如下所示：

<input type='Submit' name='sel' value='Submit Here'>

我想要“提交”这个词的字体大小为10px和黑色，而“Here”这个词的字体大小为12px和红色。不使用背景图像是否可行？

Answer 1

不，你不能这样做。无论您添加到输入元素的任何样式都将应用于整个文本，您将无法选择单个字符。但是，您可以使用支持内容的其他元素，例如按钮，您可以在其中添加所需内容并为其设置样式...

<button type="submit">
   <span class="black">Submit</span> <span class="red">Here</span>
</button>

然后应用样式......

span.black {font-size:10px;color:black}
span.red{font-size:12px;color:Red}

以下示例......

JS Fiddle Example