通过js修改input、select默认字体颜色
投稿：mdxy-dxy
这篇文章主要介绍了通过js修改input、select默认字体颜色,需要的朋友可以参考下
textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失
<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='元素焦点消失';document.getElementById('textarea').style.color='#999'}">输入您要输入的内容</textarea>
select默认选中项颜色为灰色，选择后变为黑色（js实现）
<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有默认值，且为灰色，点击后默认值消失，输入值变为黑色
<script type="text/javascript">
$(function() {
//集体调用类型为text的input
$(".form input[text]").each(function(){
$(this).setDefauleValue();
//单个调用
$("#key").setDefauleValue();
//设置默认值
$.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");//默认值的颜色
</script>
</head>
<form class="form">
<input type="text" size="30" value="输入账户">
<input type="text" size="30" value="输入密码">
</form>
<input type="text" size="30" id="key" value="输入手机号">
js关闭浏览器时退出账号的处理
2021-11-11
JavaScript之BOM构成和常用事件详解
2021-11-11
手把手教你用Javascript实现观察者模式
2021-11-11
美国设下计谋,用娘炮文化重塑日本,已影响至中国
2021-11-19
时空伴随者是什么意思?时空伴随者介绍
2021-11-09
工信部称网盘企业免费用户最低速率应满足基本下载需求，天翼云盘回应：坚决支持，始终
2021-11-05
2022年放假安排出炉：五一连休5天 2022年所有节日一览表
2021-10-26
电脑版
-
返回首页
2006-2024 脚本之家 JB51.Net , All Rights Reserved.
苏ICP备14036222号
