使用JavaScript怎么修改input和select的默認(rèn)字體顏色-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)擁有十余年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供做網(wǎng)站、成都網(wǎng)站制作服務(wù)，對(duì)于網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、成都app軟件開發(fā)公司、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、主機(jī)域名等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等網(wǎng)站化運(yùn)作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。

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

<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='獲取到元素焦點(diǎn)'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='元素焦點(diǎn)消失';document.getElementById('textarea').style.color='#999'}">輸入您要輸入的內(nèi)容</textarea>

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

<script>
var unSelected = "#999";
var selected = "#333";
$(function () {
$("select").css("color", unSelected);
$("option").css("color", selected);
$("select").change(function () {
var selItem = $(this).val();
if (selItem == $(this).find('option:first').val()) {
$(this).css("color", unSelected);
} else {
$(this).css("color", selected);
}
});
})

</script>

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

<script type="text/javascript">

$(function() {
  //集體調(diào)用類型為text的input
  $(".form input[text]").each(function(){
    $(this).setDefauleValue();
  });
  //單個(gè)調(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)值的顏色
      }
    });
  });
}
</script>
</head>
 
<body>
<form class="form">
 <input type="text" size="30" value="輸入賬戶">
 <br>
 <input type="text" size="30" value="輸入密碼">
</form>
<br>
<br>
<br>
<input type="text" size="30" id="key" value="輸入手機(jī)號(hào)">

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.rwnh.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：使用JavaScript怎么修改input和select的默認(rèn)字體顏色-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://www.rwnh.cn/article16/djpjgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站策劃、微信公眾號(hào)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

使用JavaScript怎么修改input和select的默認(rèn)字體顏色-創(chuàng)新互聯(lián)