HTML 的占位符属性在 IE10 中无法正常工作

Posted

技术标签:

【中文标题】HTML 的占位符属性在 IE10 中无法正常工作【英文标题】:Placeholder property of HTML not working properly in IE10 【发布时间】:2015-09-30 09:34:16 【问题描述】:

请考虑下面的代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
     <input type="text" name="fname" placeholder="First name"><br>
</body>
</html>

这在 Chrome 和 Firefox 中运行良好。但在 IE 10 中,占位符文本以斜体显示。我想要普通字体样式的 IE10 中的占位符文本。

【问题讨论】:

【参考方案1】:

在 IE 中,您可以按如下方式设置占位符:

input:-ms-input-placeholder 
    font-style:normal

【讨论】:

以上是关于HTML 的占位符属性在 IE10 中无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

用 IE7 编辑占位符属性

通过 IE10 中的 jQuery 在 Textarea 上的 HTML5 占位符属性

Angular 中关于 IE 问题的占位符

在 Edge 浏览器上,如何使用 CSS 更改输入占位符文本颜色?

HTML5 输入类型占位符在 IE 中不起作用

谷歌的 html5 shiv 不呈现占位符?