javascript - 尝试更改占位符的字体粗细

Question

我有一个带有占位符的输入框，占位符文本非常粗体，我想让它变薄。我查看了这个资源http://coolestguidesontheplanet.com/styling-placeholder-text-input-fields-forms-css/ ，它提供了更改字体粗细的代码，但它不起作用。这是我到目前为止的代码:

.infoPlaceholder::-ms-input-placeholder {
    font-weight: lighter;
}

<input class="infoPlaceholder" name="firstName" placeholder="First Name"/>

但是，这并没有改变我占位符的权重。我觉得还是蛮大胆的。我的代码有问题吗？或者有其他方法可以产生这种效果吗？

Answer 1

试试这个:- http://jsfiddle.net/w4dazfdj/1/

CSS:-

.infoPlaceholder::-webkit-input-placeholder {
    font-weight: lighter;
    color:#AFB2B3;
}
.infoPlaceholder::-moz-placeholder {
    font-weight: lighter;
    color:#AFB2B3;
}
.infoPlaceholder::-ms-input-placeholder {
    font-weight: lighter;
    color:#AFB2B3;
}