html - 用于更改字体大小的文本区域的按钮，但是它仅适用于用户选择的文本（如 Microsoft Office 的字体大小选择）

Question

这是我为字体大小按钮提供的代码，但是我确实需要它仅由用户处理选定的文本，而不是更改文本区域中所有字母的字体大小（如 Microsoft 在 Word 文档中的字体大小选择）

   <select onchange="textarea1.style.fontSize = this.value;" >
     <option value="12px" selected="selected">12</option>
     <option value="14px">14</option>
     <option value="16px">16</option>
</select>

Answer 1

将 id="textarea1" 放入 select

<select id="textarea1" onchange="textarea1.style.fontSize = this.value;" >
     <option value="12px" selected="selected">12</option>
     <option value="14px">14</option>
     <option value="16px">16</option>
</select>