input 的placeholder 的颜色改变

时间 2019-11-10

原文原文链接

html5的placeholder的特性为咱们的开发提供了很大的特性，但改变他的颜色却很蛋疼，今天在网上查了下，特地记一下。html

<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=100%, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>订单管理中心</title>
<style>
   :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: red; opacity:1;
       }html5

       ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: red;opacity:1;
       }web

       input:-ms-input-placeholder{
       color: red;opacity:1;
       }app

       input::-webkit-input-placeholder{
       color: red;opacity:1;
       }ui

</style>
</head>htm

<body>
<input class="inputText" id="id_card" name="id_card" placeholder="请输入身份证号" type="text">utf-8

</body>
</html>ci