使用JavaScript怎么修改input和select的默認(rèn)字體顏色？針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、芒康網(wǎng)站維護(hù)、網(wǎng)站推廣。

textarea默認(rèn)字顏色以及獲取焦點(diǎn)后的字的顏色，焦點(diǎn)獲取后使默認(rèn)消失

輸入您要輸入的內(nèi)容

select默認(rèn)選中項顏色為灰色，選擇后變?yōu)楹谏╦s實現(xiàn)）

input有默認(rèn)值，且為灰色，點(diǎn)擊后默認(rèn)值消失，輸入值變?yōu)楹谏?/p>

$(function() {
  //集體調(diào)用類型為text的input
  $(".form input[text]").each(function(){
    $(this).setDefauleValue();
  });
  //單個調(diào)用
  $("#key").setDefauleValue();
})
 
//設(shè)置默認(rèn)值
$.fn.setDefauleValue = function() {
  var defauleValue = $(this).val();
  $(this).val(defauleValue).css("color","#eee");
 
  return this.each(function() {   
    $(this).focus(function() {
      if ($(this).val() == defauleValue) {
        $(this).val("").css("color","#000");//輸入值的顏色
      }
    }).blur(function() {
      if ($(this).val() == "") {
        $(this).val(defauleValue).css("color","#999");//默認(rèn)值的顏色
      }
    });
  });
}


 


 
 

 

關(guān)于使用JavaScript怎么修改input和select的默認(rèn)字體顏色問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。