我不知道如何正確地問這個問題，也不知道如何在谷歌中找到解決方案，因為它引導我如何將整個背景顏色添加到我不想要的文本框中。我正在嘗試實作如下圖所示的結果：
我想為input標簽內的每個文本（當然是字符）添加背景，除了空格。用戶將開始在input標簽內輸入內容并應用背景顏色，但間隔文本不會著色。
我沒有任何代碼，因為如果需要，我不知道如何使用 css 或 JS 來完成。我只有一個
<input type="text">
我認為它可能只使用 JS，但我不知道如何（當然我知道 JS）。我該如何做到這一點？
uj5u.com熱心網友回復：
您可以使用divwithcontentEditable和使用 little js 將文本附加為 span
<div contentEditable></div>
CSS
span {
background-color: red;
margin-right: 2px;
}
div {
border: 1px solid black;
}
var el = document.querySelector("div");
el.addEventListener("blur", () => {
var content = el.textContent;
var contents = content.split(" ");
el.innerHTML = "";
contents.forEach((item) => {
el.innerHTML = `<span>${item}</span>`;
});
});
像這樣的東西
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/422381.html
標籤：