css select默认选中字体颜色,通过js修改input、select默认字体颜色

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失

输入您要输入的内容

select默认选中项颜色为灰色，选择后变为黑色(js实现)

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);

}

});

})

input有默认值，且为灰色，点击后默认值消失，输入值变为黑色

$(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");//默认值的颜色

}

});

}

css select默认选中字体颜色,通过js修改input、select默认字体颜色相关推荐

html option 字体颜色,通过js修改input、select默认字体颜色
textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失获取到元素焦点'){value='';document.getElementById('textarea').style.co ...
select html默认选中的值,HTML/jquery中的select标签设置默认选中取值
一.jQuery中的select标签设置默认选中取值每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如 1.设置value为pxx的项选中 $(" ...
php 修改select标签,JS修改input,textarea,select标签的可读可写属性
通过JS修改input,textarea,select标签的可读可写属性首先,控制input,与textarea只读属性是 readonly 在js中可以这样去改变,这里要注意js中O要大写 re ...
radio默认选中并显示相应信息 php,php实现select、radio、checkbox默认选择示例
下面为大家带来一篇 php实现select.radio.checkbox默认选择示例.下面就为你详细讲解一下,希望对您的学习PHP有所帮助. 这是扩展yibing的select默认选择的实现方法 va ...
HTML中placeholder字体颜色,修改input中placeholder字体颜色方法
如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的. ...
Android设置状态栏字体深色,Android实现修改状态栏背景、字体和图标颜色的方法...
搜索热词前言: Android开发,对于状态栏的修改,实在是不友好,没什么api可以用,不像ios那么方便.但是ui又喜欢只搞ios一套.没办法.各种翻源码,写反射.真的蛋疼. 需求场景: 当too ...
uniapp中修改input里的字体颜色
看了好多文章修改颜色的方法都差不多,都没有效果,这种的最多: input::-webkit-input-placeholder { color: #BBBBBB!important; font-siz ...
android的word默认字体大小设置,如何修改word的默认字体大小以便于写文章
我平时写文章都喜欢用Word写好,然后在发布到相应博客网站上,但是每次打开word,默认的字体都是宋体和五号字体,个人感觉字体太小,所以每次我都手动调到四号或三号字体,然后才开始写文章.度娘之后才知道 ...
vue 复选框默认选中_vue中，radio或者checkbox如何默认选中
有一个rad览或讲琐了过自系一读页围这就多网解元当维io或者checkbox选项框组,如直分调浏器代,刚求的一学础过功互有解小久宗点差维含数下: :id="getId()" nam ...

css select默认选中字体颜色,通过js修改input、select默认字体颜色

css select默认选中字体颜色,通过js修改input、select默认字体颜色相关推荐

最新文章

热门文章