Question

.profile_input {
    width:290px;
    height:25px;
    text-align: left;;
    font-family:'Arial';
    font-size: 13px;
    color:  #D1D3D4;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
}

.profile_input_focused::-webkit-input-placeholder { /* WebKit browsers */
    color:    #BCBEC0;
}
.profile_input_focused:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #BCBEC0;
}
.profile_input_focused::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #BCBEC0;
}
.profile_input_focused:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #BCBEC0;
}
.profile_input_focused {
    color:    black;
}

以上是我的CSS。

每当重点关注.profile_input时，我都需要使用jQuery来添加另一个类.profile_input_focused。

当.profile_input不再集中时，我使用jQuery删除.profile_input_focused类。

我想知道在css中是否有一种方法可以让焦点和占位符选择器一起使用，从而消除了我的jQuery。

Answer 1

你应该能够做到这样的事情：

input:focus::-webkit-input-placeholder

（当然包括其他供应商前缀）

http://jsfiddle.net/jBHB2/

如何将焦点和占位符选择器结合使用

1 个答案: