如何在单击时更改文本框中文本的字体样式？

Question

如何使用JavaScript实现此操作？

我的文本框有一个默认值，它是斜体的，但当单击文本框时，文本框将被清除，并且字体样式应为正常。

- noob

Answer 1

尝试像这样做：

<input type="text" value="Enter user ID here" 
  style="font-style:italic;" 
  onfocus="this.value='';this.style.fontStyle='normal';" 
  onblur="clickrecall(this,'Enter user ID here');this.style.fontStyle='italic';">

编辑：由于我们在用户输入文本框时清除了格式，因此当他离开文本框时，我们应该将字体样式设置回斜体。

- Canavar

---

感谢快速回复。当我尝试这个时，默认情况下文本是斜体的，当单击字体样式变为正常时，但出现了问题。在我的文本框中，如果文本框未输入任何内容，它将被恢复为默认文本。当默认文本被恢复时，字体样式变为正常。它应该仍然是斜体的。 - noob

onblur="this.value='';this.style.fontStyle='';" - 为解决该问题 - yoda

onblur="clickrecall(this,'在此输入用户ID');this.value='';this.style.fontStyle='';"这似乎不起作用。 - noob

Answer 2

document.getElementById(inputId).style.fontStyle="normal";

- Antonio

Answer 3

在 JavaScript 方法中设置样式：

document.getElementById('test').style="font-style:normal;"

- techzen