如何用css給input的placeholder設置顏色

時間 2019-11-11

標籤如何 css input placeholder 設置顏色欄目 CSS 简体版

原文原文鏈接

我在作頁面的時候遇到過這種狀況，在input標籤中有默認字，可是設計稿上的顏色和input標籤中的placeholder的默認顏色不一致。雖然咱們能夠在js中寫出，可是有點過於麻煩了。css

因此我就用css來給它設置了一下（注意css中有可能存在兼容性問題，若是實在不行還得用js。不過通常要求不嚴能夠用這個偷偷懶）。html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>    
        <style>
             #txt{
    　　　　　　　height:100%;
　　　　　　　　　 width:230px;
　　　　　　　　　 font-size:12px;color:red;
　　　　　　　 }
　　　　　　　　　#txt::-webkit-input-placeholder{
　　　　　　　　　　　color:red;
　　　　　　　　　}
        </style>
</head>
<body>
    <input type="text" id="txt" placeholder="請輸入主題或關鍵詞"/>
</body>
</html>

這樣咱們就能夠用更少的時間作更多的事了。web

相關標籤/搜索