2016-04-04 10 views
1

Wähler habe ich Eingabetyp, den ich mit den Daten am Differenzierungsmerkmale. Antwort mit Eingabe [Typ = "Text"] wird nicht akzeptiert, da es neben Text und Datum noch eine Anzahl von Datentypen geben kann.nicht mit Platzhalter

:not(input[data-type="date"])::-webkit-input-placeholder { /* WebKit browsers */ 
 
     color: transparent !important; 
 
    } 
 
    :not(input[data-type="date"]):-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
     color: transparent !important; 
 
    } 
 
    :not(input[data-type="date"])::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
     color: transparent !important; 
 
    } 
 
    :not(input[data-type="date"]):-ms-input-placeholder { /* Internet Explorer 10+ */ 
 
     color: transparent !important; 
 
    } 
 

 
<input data-type="text" placeholder="Enter date"> 
 
<input data-type="date" placeholder="Enter text">

Hilfe geschätzt.

Antwort

2

Hier sind Sie. Schöne Lösung btw bezogen auf transparent.

input:not([data-type="date"])::-webkit-input-placeholder { /* WebKit browsers */ 
 
    color: transparent !important; 
 
} 
 
input:not([data-type="date"]):-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
    color: transparent !important; 
 
} 
 
input:not([data-type="date"])::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
    color: transparent !important; 
 
} 
 
input:not([data-type="date"]):-ms-input-placeholder { /* Internet Explorer 10+ */ 
 
    color: transparent !important; 
 
}
<input data-type="text" placeholder="Enter date"> 
 
<input data-type="date" placeholder="Enter text">

+1

Hölle, habe ich versucht, diese Lösung aber ich denke, in der falschen Art und Weise, die mir die Frage stellen gemacht. Ihre Lösung funktioniert gut. Vielen Dank. –

+2

NiZa ist korrekt @ShoaibChikate. [': nicht 'Selektor] (https://www.w3.org/TR/2009/PR-css3-selectors-20091215/#negation) nimmt nur einfache Selektor als Argument und pro spec - * Ein einfacher Selektor ist entweder ein Typselektor, universeller Selektor, Attributselektor, Klassenselektor, ID-Selektor oder Pseudo-Klasse. *. Das bedeutet, dass "input [data-type =" date "]' kein einfacher Selektor ist. – Harry

+0

@Harry: Vielen Dank für die Erklärung –