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

Question

我有一堆 hmtl 按钮，其中一些具有如下值：“Title*” 我希望星号为红色，而其余文本为黑色。这可能吗？

我发现此代码建议使文本着色：

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

这样的事情是否可以修改，因此只有部分文本值会受到影响？

score 3 · Accepted Answer

您需要使用其他人建议的跨度。但是，我会完全避免使用带有style属性的内联 css。而是使用类。在不知道使用上下文的情况下很难推荐如何准确地应用 CSS，但以下是一个示例：

HTML：

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

CSS：

button.starred span { color: #f00; }

score 2 · Accepted Answer

把它*放在一个跨度中

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

更新：

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

score 1 · Accepted Answer

而不是<input type="button"/>你可以使用<button>标签，并为其标签设置样式：

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

3 回答 3