焦点上输入字段中占位符文本的临时样式

时间:2015-11-24 17:26:52

标签: css

输入字段的占位符文本是否可以根据其活动时间进行更改?

占位符通过jQuery激活。

因此,当它处于活动状态时,输入字段在视觉上会有所不同。

1 个答案:

答案 0 :(得分:1)

当然可以!

input::-webkit-input-placeholder {
    color: #000;
}
input:focus::-webkit-input-placeholder {
    color: #ff0000;
}
input:-ms-input-placeholder {
    color: #000;
}
input:focus:-ms-input-placeholder {
    color: #ff0000;
}
input::-moz-input-placeholder {
    color: #000;
}
input:focus::-moz-input-placeholder {
    color: #ff0000;
}