在IE中更改占位符文本的字体大小和边距

Question

我有一个带有一些占位符的文本输入：

<input type="text" placeholder="placeholder"/>

我想使占位符文本小于输入文本：

input {
    font-size: 20px;
}
input:-ms-input-placeholder{
    font-size:5px;
}
input::-webkit-input-placeholder {
    font-size:5px;
}

这在Chrome中效果很好，但是当显示占位符文本时，IE会缩小整个输入框。然后，当我点击键入时，它会展开框。这是一个小提琴：http://jsfiddle.net/Brn6h/3/

如何让输入框在IE中保持相同的大小？

Answer 1

给输入框一个宽度和高度就可以了。

input {
        font-size: 20px;
        height: 20px;
        width: 200px;
    }

<强> JSFiddle