Button 你能在一个输入按钮内设置单个字母的样式吗；s值多少？

我想把单词的每个字母的样式分开发送。我不能在值字段中插入HTML，而且我不希望使用图像

<input type="submit" value="SEND" />

我只是希望每个字母都是不同的颜色。你有什么建议吗？谢谢。

使用letting.js（）

它允许您根据CSS规范来设置每个字母的样式，而CSS规范在浏览器中没有完全实现

例如，检查

此外，使用

按钮

代替

输入

：

<button type="submit">SEND</button>

button::first-letter {
    color: red;
}

---

我找到了一个关于如何用JavaScript文本链接替换按钮的教程。但正如本教程所述，问题在于最终用户是否在其浏览器中禁用了JavaScript。谢谢您的帮助。这在Safari中非常有效。我不确定是否有其他浏览器，但我认为第n种类型已被广泛认可。

<button type="submit">
  <span>S</span>
  <span>E</span>
  <span>N</span>
  <span>D</span>
</button>

button {
  font-size: 0px;
}

button > span {
  font-size: 16px;
}

button span:nth-of-type(1) {
  color: red;
}

button span:nth-of-type(2) {
  color: blue;
}

button span:nth-of-type(3) {
  color: green;
}

button span:nth-of-type(4) {
  color: yellow;
}