Zmień kolor zastępczego koloru wprowadzania danych

Postępuj zgodnie z tym artykułem (Style text input placeholder), mogę zmienić kolor symbolu zastępczego wprowadzania tekstu na kolor czerwony. Ale zawsze jest jasno-czerwony kolor, a nie czerwony dokładnie.Zmień kolor zastępczego koloru wprowadzania danych

Czy istnieje sposób, aby dokładnie to zrobić czerwony kolor?

aktualizacja

Kolor czerwony jest na Chrome (jest to poprawne), kolor na Firefox nie jest czerwone, to jest światło czerwone lub niewyraźne, domyśliłem się, że.

EDIT (z odpowiedzi PO):

Proszę sprawdzić ten przykład (http://jsfiddle.net/LQkQG/), kolor jest czerwony na Chrome, ale light-red na Firefox. Chcę, aby kolor w przeglądarce Firefox był taki sam w Chrome.

Źródło

2013-03-19 Phuc Pham

Znalazłem musisz zastąpić krycie.

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

Źródło

2013-03-23 11:53:43 Doug

Jesteś mężczyzną. Dzięki. –

gnarly, nie zauważyłem, żeby Chrome wisiał na nieprzezroczystości! –

teraz jedyna zmiana koloru przeglądarek Webkit :: - webkit-input-placeholder {/ * przeglądarki WebKit */ kolor: # 999; } : -moz-placeholder {/ * Mozilla Firefox 4 do 18 */ kolor: # 999; } :: - moz-placeholder {/ * Mozilla Firefox 19+ */ kolor: # 999; } : -ms-input-placeholder {/ * Internet Explorer 10+ */ kolor: # 999; } – Ivo

-2

Wprowadź wartość szesnastkową dla koloru. Można używać narzędzia takiego jak http://www.colorpicker.com/?

Źródło

2013-03-19 10:59:48

Tak, ustawiając jego wartość za pomocą HEX (szesnastkowo), uzyskujesz lepszą kontrolę nad tym, jakiego koloru użyć. Kolor jasnoczerwonego (tak czerwonego, jak to tylko możliwe) jest #FF0000

Firefox, jakkolwiek jest buntownikiem, musi zostać poinformowany, jaki jest nieprzejrzysty.

Dla porównania przyjrzeć 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; 
}

Źródło

2013-03-19 11:00:23

Ta odpowiedź powinna ustawić krycie w ':: - moz-placeholder {}', ponieważ * Firefox * to przeglądarka o niższym stopniu krycia. – Mottie

-4

wizyty: 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>

w miejscu kodu koloru można pisać które kiedykolwiek kolor chcesz

Źródło

2013-03-19 11:03:44

Selektory klasy CSS nie mają nic wspólnego z atrybutami HTML :) –

Zmień kolor zastępczego koloru wprowadzania danych

Odpowiedz

Powiązane problemy