介绍
使用JavaScript怎么修改输入和选择的默认字体颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失
& lt; textarea 关口=?0”,行=?“,id=皌extarea",聚焦事件=?如果(value=https://www.yisu.com/zixun/=被袢〉皆亟沟恪?{value="; . getelementbyid(“文本区域”).style.color=# 000}”onblur=叭绻?值==?{value='元素焦点消失”;. getelementbyid .style(“文本区域”)。颜色=# 999}”>输入您要输入的内容文本区域>
选择默认选中项颜色为灰色,选择后变为黑色(js实现)
& lt; script> var unSelected =,“# 999“;; var selected =,“# 333“;; 美元(function (), { $(“选择”). css (“color",,没有选择); $ (“option") . css (“color",,选择); 美元(“选择”).change (function (), { var selItem =,(这)美元.val (); 美元if (selItem ==,(这);(& # 39;选择:第一个# 39;).val ()), { (美元). css (“color",,没有选择); },{else (美元). css (“color",,选择); } }); }) & lt;/script>
输入有默认值,且为灰色,点击后默认值消失,输入值变为黑色
& lt; script 类型=拔谋?javascript"比; $(()函数,{//集才能体调用类型为文本的输入 美元才能(“.form 输入[文本]“). each(函数(){ ,,,(这)美元.setDefauleValue (); ,,});//单才能个调用 美元才能(“# key") .setDefauleValue (); }) ,//设置默认值 $ .fn.setDefauleValue =,()函数,{ var 才能;defauleValue =,(这)美元.val (); (一)美元才能.val (defauleValue) . css (“color",“# eee"); , return 才能;this.each(函数(),{,, ,,,(这).focus(美元()函数,{ ,,,,,if (美元(这).val (),==, defauleValue), { ,,,,,,,(这).val美元(“”)。css (“color",“# 000“);//输入值的颜色 ,,,,,} ,,,}).blur(函数(),{ ,,,,,if (美元(这).val (),==,““), { ,,,,,,,(这)美元.val (defauleValue) . css (“color",“# 999“);//默认值的颜色 ,,,,,} ,,,}); ,,}); } & lt;/script> & lt;/head> , & lt; body> & lt; form 类=癴orm"祝辞 ,& lt; input 类型=皌ext",大??0”,价值=https://www.yisu.com/zixun/笆淙胝嘶А?
关于使用JavaScript怎么修改输入和选择的默认字体颜色问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。