Ändern der Eingabe Platzhalterfarbe dunkler

Folgen Sie diesem Artikel (Style text input placeholder), ich kann die Farbe des Texteingabe-Platzhalters in rote Farbe ändern. Aber es ist immer eine hellrote Farbe, nicht genau rot.Ändern der Eingabe Platzhalterfarbe dunkler

Gibt es eine Möglichkeit, es genau rot zu machen?

Update

Die Farbe auf Chrome rot ist (das ist richtig), die Farbe auf Firefox ist nicht rot, es ist hellrot oder verschwommen, vermutete ich.

EDIT (aus dem OP Antwort):

Bitte lesen Sie in diesem Beispiel (http://jsfiddle.net/LQkQG/), ist die Farbe Rot auf Chrome, aber light-red auf Firefox. Ich möchte die Farbe auf Firefox gleich mit dem Chrome.

Quelle

2013-03-19 Phuc Pham

Ich habe Sie müssen die Deckkraft überschreiben.

::-webkit-input-placeholder { /* WebKit browsers */ 
    color: red; 
    opacity: 1 !important; 
}

Quelle

2013-03-23 11:53:43 Doug

Sie sind der Mann. Vielen Dank. –

gnarly, ich habe nicht bemerkt Chrome hängt an der Opazität! –

Jetzt ändern Sie nur die Farbe für Webkit Browser :: - webkit-input-placeholder {/ * WebKit Browser */ color: # 999; } : -moz-Platzhalter {/ * Mozilla Firefox 4 bis 18 */ Farbe: # 999; } :: - moz-placeholder {/ * Mozilla Firefox 19+ */ Farbe: # 999; } : -ms-Eingabeplatzhalter {/ * Internet Explorer 10+ */ Farbe: # 999; } – Ivo

-2

Geben Sie einen Hexadezimalwert für die Farbe ein. Verwenden Sie ein Werkzeug wie http://www.colorpicker.com/?

Quelle

2013-03-19 10:59:48

Ja, indem Sie den Wert über HEX (hexadezimal) einstellen, erhalten Sie eine bessere Kontrolle darüber, welche Farbe verwendet werden soll. Die Farbe für hellrot (so rot wie es ist) ist #FF0000

Firefox, aber ist ein Rebell muss gesagt werden, welche Opazität zu verwenden.

Für einen Blick auf this chart

::-webkit-input-placeholder { 
    color: #FF0000; 
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */ 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: #FF0000; 
    opacity: 1 !important; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: #FF0000; 
    opacity: 1 !important; 
} 

:-ms-input-placeholder { 
    color: #FF0000; 
}

Quelle

2013-03-19 11:00:23

Diese Antwort sollte die Deckkraft in ':: - moz-placeholder {}' setzen, da * Firefox * der Browser mit der niedrigeren Deckkraft ist. – Mottie

-4

Besuch nehmen Referenz: http://www.w3schools.com/html/html_colors.asp

<html> 
<head> 
<style type="text/css"> 

    input, textarea { color: #000; } 
    .placeholder { color: #aaa; } 
</style> 
</head> 
<body> 
<form action="" method="post"> 

      <input type="text" name="user" placeholder="enter a text" /> 
      <input type="submit" value="submit" onclick="test()" /> 
</form>

an die Stelle der Farbcode Sie Sie

gefunden möchten schreiben können, die überhaupt Farbe

Quelle

2013-03-19 11:03:44

CSS Klassenselektoren haben nichts mit HTML-Attributen zu tun :) –

Ändern der Eingabe Platzhalterfarbe dunkler

Antwort

Verwandte Themen