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