修改輸入框placeholder文字預設顏色-webkit-input-placeholder方法_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:36:06
原創
2809 人瀏覽過

html5為input新增了原生的佔位符屬性placeholder,進階瀏覽器都支援這個屬性,例如:

預設的placeholder字體顏色是呈現淺灰色,如果想改變這個預設顏色,解決方案如下:

XML/HTML Code複製內容到剪貼簿
  1. input:-moz-placeholder,   
  2. textarea:-moz-placeholder {   
  3.     color: #999999;   
  4. }   
  5.   
  6. input:-ms-input-placeholder,   
  7. textarea:-ms-input-placeholder {   
  8.     color: #999999;   
  9. }   
  10.   
  11. input::-webkit-input-placeholder,   
  12. textarea::-webkit-input-placeholder {   
  13.     color: #999999;   
  14. }  

以上這篇修改輸入框placeholder文字預設顏色-webkit-input-placeholder方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

原文網址:http://www.cnblogs.com/xjuan/p/5436037.html

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!