使用CSS onfocus选择器使字体粗细正常(没有任何格式化)

时间:2013-03-07 00:48:39

标签: css

我有一个输入变量文本,其中包含以下属性:

<input type="text" style="font-style: italic; color:#808080; font-size: 16px; width: 510px;" id="categ" value="default" name="categ" onfocus="this.value = ''; this.style.color='black'; this.font_weight='normal'">

我想清除onfocus的格式样式。它清除颜色和文本,但不清除斜体重量。我也尝试过font-weight和font.weight

3 个答案:

答案 0 :(得分:2)

您想要font-weight

this.style.fontWeight="normal"

更好的方法是使用css:

#categ:focus{
    font-weight: normal;
    color:black;
}
#categ{
   font-style: italic; 
   color:#808080; 
   font-size: 16px; 
   width: 510px
}

答案 1 :(得分:1)

如果记忆没有让我失望..

this.style.fontWeight='normal'
然而,正如bažmegakapa在评论中所说 - 这是非常糟糕的做法。你应该创建一个onfocus事件的监听器 - 例如在jquery中你可以使用.focus()方法 - 并有一个回调函数来更新元素的css。

纯粹的css会更好!

答案 2 :(得分:1)

this.style.fontWeight='normal'

更新

this.style.fontStyle='normal'

预览&gt;&gt; jsfiddle 更新&gt;&gt; jsfiddle