您好,登錄后才能下訂單哦!
這篇文章主要介紹如何使用供應商前綴CSS屬性,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
默認情況下,<input>字段和的占位符文本<textarea>以淺灰色顯示,并且沒有標準的CSS屬性可為其設置樣式。但是,瀏覽器提供了一些非標準的供應商特定的偽元素和偽類,可用于自定義占位符文本的外觀,如以下示例所示:
例試試這個代碼»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styling Placeholder Text with CSS</title>
<style>
::-webkit-input-placeholder {
color: orange;
}
:-moz-placeholder { /* Upto Firefox 18, Deprecated in Firefox 19 */
color: orange;
}
::-moz-placeholder { /* Firefox 19+ */
color: orange;
}
:-ms-input-placeholder {
color: orange;
}
</style>
</head>
<body>
<form>
<p><input type="text" placeholder="Please Enter your Name"><p>
<p><textarea placeholder="Please Enter your Comment" cols="30"></textarea><p>
</form>
</body>
</html>
以上是“如何使用供應商前綴CSS屬性”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。