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

Posted 2023-03-05

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

【英文标题】：Changing Font Size and Margin of Placeholder Text in IE

【发布时间】：2014-09-06 05:31:54

【问题描述】：

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

<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中保持不变？

【问题讨论】：

查看：***.com/questions/15436125/…

填充或宽度/高度是否适用于input:-ms-input-placeholder？

【参考方案1】：

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

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

JSFiddle