CSS 設定placeholder文字樣式
本文分享一段程式碼例項,它實現了設定placeholder文字樣式的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #ant{ font-size: 1.2em; width: 180px; height: 30px; } #ant::-webkit-input-placeholder{ color:blue; } #ant::-moz-placeholder{ color:blue; } #ant:-ms-input-placeholder{ color:blue; } </style> <script> </script> </head> <body> <input id="ant" type="text" placeholder="螞蟻部落" /> </body> </html>
程式碼執行效果截圖如下:
成功將placeholder屬性值字型顏色設定為藍色。
相關文章
- CSS 設定文字樣式CSS
- CSS 設定input文字框樣式CSS
- css設定input文字框樣式CSS
- CSS設定半個文字的樣式CSS
- CSS 設定元素第一行文字樣式CSS
- CSS 設定 <progress>樣式CSS
- CSS 設定列表樣式CSS
- CSS系列:CSS文字樣式CSS
- 常用CSS樣式1:文字樣式CSS
- Css基本樣式————文字CSS
- CSS 設定svg元素樣式CSSSVG
- CSS 設定table表格樣式CSS
- CSS 設定連結樣式CSS
- js批量設定css樣式JSCSS
- css 字型樣式設定大全CSS
- CSS樣式設定小技巧CSS
- CSS——CSS 給文字加樣式:② 文字屬性CSS
- 1.5 常用CSS樣式1:文字樣式CSS
- css設定文字第一行的樣式程式碼例項CSS
- 純css設定input文字框獲取焦點時的樣式CSS
- CSS如何設定物件中第一行文字的樣式CSS物件
- CSS 設定<img>圖片樣式CSS
- CSS設定連線<a>的樣式CSS
- CSS input文字框樣式CSS
- CSS input 文字框樣式CSS
- css設定具有指定type屬性值的input文字框的樣式CSS
- css 文字框focus獲取焦點設定樣式程式碼例項CSS
- CSS實現的文字框獲取焦點設定樣式程式碼CSS
- 【CSS】【16】設定超連結的CSS樣式CSS
- css設定連結<a>樣式詳解CSS
- CSS設定文字省略CSS
- 單獨設定input text文字框樣式
- 文字框獲取焦點設定樣式
- CSS——CSS 給文字加樣式:① 字型屬性CSS
- CSS 設定前n個li元素樣式CSS
- CSS 設定指定範圍li元素樣式CSS
- css樣式設定技巧學習筆記CSS筆記
- CSS設定第n個li元素樣式CSS