在html按钮的文本部分添加颜色

Question

我有一堆hmtl按钮，其中一些有如下值：“标题*”我希望星星被涂成红色，而其余文字是黑色的。这可能吗？

我发现这个代码，建议，使彩色文本：

<form> 
<input type="button" value="this is a styled text button" style="color:#fff;"> 
</form> 

是这样的可能修改值的文本，这样只有部分会受到影响？

Answer 1

您需要像其他人所建议的那样使用跨度。但是，我会完全避免使用style属性的内联css。而是使用类。它很难推荐究竟如何应用CSS不知道使用的上下文，但下面就是一个例子：

HTML：

<button class="starred">Title <span>*</span></button> 

CSS：

button.starred span { color: #f00; } 

Answer 2

相反的<input type="button"/>可以使用<button>标签和样式的标签：

<button>Title<span style="color:#f00">*</span></button> 

Answer 3

把那*在跨度像

<button type="button">Title <span style="color:red;">*<span></button> 

更新：

<style>button>span{style="color:red;"}</style> 
    <button type="button">Title <span>*<span></button>