Placeholder Input Farbe schwarz

davidoof

hallo leute.

ich erstelle gerade local eine webseite und habe ich problem bei der farbe schwarz im platzhalter(vorgabetext) eines eingabefeldes (input placefolder).

statt schwarz wird grau angezeigt.
dieses problem betrifft nur mozilla (07.0.1).
an sich wird jede gewünschte farbe zwar angezeigt, aber in einem etwas anderem farbton als vorgesehen.

ich bin mir ziemlich sicher das ein fehler in mozilla vorliegt, da es z.b. im chrome und im internet explorer richtig angezeigt wird.

hat jemand eine idee zum thema?

Code

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

Alles anzeigen

Sören Hentzschel

Hallo,

es handelt sich dabei um keinen Fehler, Firefox stellt die Farbe absichtlich halbtransparent dar (opacity: 0.54). Setze opacity auf 1 für die gleiche Darstellung wie in anderen Browsern.

davidoof

den ganze code der im internet steht funktioniert nicht (siehe code unten)

die lösung in css ist:

::-moz-placeholder { /* Firefox 19+ */
color: black;
opacity: 1;
transition: opacity 250ms ease-in-out;
}

warum mozilla das anders als alle anderen browser halb transparent darstellen muss verstehe ich nicht

thema kann als erfolgreich geschlossen werden

Code

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=100);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 1.0;    /* Old Mozilla Browsers */
-webkit-opacity: 1.0;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 1.0;    /* Really old Safari browsers and Konqueror */
opacity: 1.0;    /* Modern browsers */


-------------------------------------------------------------------------------


.transparent {


    /* Theoretically for IE 8 & 9 (more valid) */   
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";


    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=100);


    /* Older than Firefox 0.9 */
    -moz-opacity:1.0;


    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 1.0;


    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 1.0;
}


-------------------------------------------------------------------------------


-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);


-------------------------------------------------------------------------------


table tr td input
{
-moz-opacity:1.0;
opacity: 1;
}

Alles anzeigen

Sören Hentzschel

Es ist nicht standardisiert, wie ein Platzhalter-Text auszusehen hat. Meines Erachtens ergibt das sogar Sinn, einen Platzhalter-Text blasser darzustellen als den Eingabetext. Und weil es eben nicht festgelegt ist, kann sich jeder Browserhersteller aussuchen, wie er das darstellt. Das ist ja nicht der einzige Unterschied zwischen verschiedenen Browsern.