javascript - javascript中一个按钮样式中的两种字体类型

Question

我有问题:假设我正在编写一个 Java 脚本计算器。我希望每个按钮都包含两个信息:一个是描述，例如“add”，另一个是“plus sign”。我希望描述的大小必须为 12px，但我希望“plus sign”的大小为 40px。总结一下:一个按钮有两种字体大小。有可能实现吗？

Answer 1

是的。

button {
    font-size: 12px;
}
button > span {
    font-size: 40px;
}

<button>Add<span>+</span></button>

或者使用一些 CSS 魔法:

button {
    font-size: 12px;
}
button:after {
    content: "++";
    font-size: 40px;
}

<button>Add</button>

随时根据您的确切需求进行修改。