:: - webkit-giriş-yer tutucu çalışmaz

Question

Mobil web siteleri yazıyorum ve sass ile şekillendiriyorum.

Metin girişinin yer tutucu rengini değiştirmek istiyorum ancak bunu yapamıyorum.

Bu

tutucu için mixin olan

@mixin placeholder($color) { 
    ::-webkit-input-placeholder {color: $color} 
    :-moz-placeholder   {color: $color} 
    ::-moz-placeholder   {color: $color} 
    :-ms-input-placeholder  {color: $color} 
} 

Ve sonra ben

.input-class { 
    @include placeholder(#FFFFFF); 
} 

Son olarak girdi

<input class="input-class" ...> 

Ama hiçbir şey için sınıf set

bir sınıfa dahil kullanmak olur. Ayrıca IDE, mixins satırlarında bana şu ifadeyi verdi: "Bilinmeyen sahte seçici -webkit-giriş-yer tutucu" ve krom bu etiketi tanımıyor gibi görünüyor.

Yer tutucunun rengini nasıl değiştirebilirim? Yanıt sass veya css'de olursa olsun.

Şimdiden teşekkürler.

Answer 1

Yalnızca seçici ile, bu tek kullanamazsınız:

input::-webkit-input-placeholder { 
    color: #9B9B9B; 
} 

input:-ms-input-placeholder { 
    color: #9B9B9B; 
} 

input::-moz-placeholder { 
    color: #9B9B9B; 
} 

Mixin:

@mixin placeholder($selector, $color) { 
    #{$selector}::-webkit-input-placeholder {color: $color} 
    #{$selector}::-moz-placeholder   {color: $color} 
    #{$selector}:-ms-input-placeholder  {color: $color} 
} 

Kullanımı:

@include placeholder('.input-class', #FFFFFF); 

Live example

P.S. hepsini bir araya kullanmayın (bu seçici bozuldu ve css ayrıştırıcı olacak hep başarısız):

input::-webkit-input-placeholder,//Not WebKit will fails here 
input:-ms-input-placeholder,//Not IE will fails here 
input::-moz-placeholder {//Not Firefox will fails here 
    color: #9B9B9B; 
}