js怎么改变input里value值的颜色

鼠标点击输入框输入颜色是会变成黑色这个怎么实现
我的代码在这帮忙看下改了好久都没实现
http://pan.baidu.com/s/1i3zhYbb

举报该文章

输入框得到焦点时，改变输入框中的文字颜色。

假设输入框的id是one：

$("#one").on('focus',function(){

$('#one').css('color','#000')

})

$("#one")表示定位到输入框，focus事件表示得到焦点状态。

css() 方法设置或返回被选元素的一个或多个样式属性。

设置指定的 CSS 属性的语法：

css("propertyname","value")。

扩展资料：

输入框其他状态：

1、输入框正在输入时：

$("#one").on('input',function(){ })

input事件表示正在输入状态。

2、输入框失去焦点时

$("#ipt").on('blur',function(){})

设置多个 CSS 属性的语法：

css({"propertyname":"value","propertyname":"value",...});

举例：

$("p").css({"background-color":"yellow","font-size":"200%"});

温馨提示：内容为网友见解，仅供参考

第1个回答推荐于2016-07-27

input:focus {

border-color: #000;}

当input获得焦点的时候，改变颜色，你想改变border-color，或者字体颜色color，或者你想改变背景background-color

追问

怎么用了这个属性鼠标离开字又变回灰色了

追答

对的呀，谁获得焦点谁变黑，你指的是填写过后变黑的?可以用placeholder

本回答被提问者和网友采纳

第2个回答推荐于2016-12-06

获取input这个元素,然后设置css中的color值就行,
比如:$('input[name=username]').css('color','purple');//设置成紫色文字

第3个回答 2015-08-21

$(input对象).css('color','你要的颜色');

相似回答

大家正在搜