Jak ustawić selektor kolorów otwarty za pomocą wprowadzania kolorów HTML5?

Question

Dzisiaj czytam about HTML5's color input i pomyślałem, że spróbować: pojawia się próbnik kolorów

<input type="color" name="background" id="background" value="#ff0000"> 

Kiedy klikam wejście (w Chrome i Firefox w systemie Windows). Jednak jest on umieszczony w lewym górnym rogu ekranu, a nie nad wejściem.

Czy jest to znany problem i czy zostanie to "naprawione" w przyszłości? Czy można ustawić próbnik kolorów za pomocą kodu? Czy jest to coś, czego przeglądarki nie mogą wiele zdziałać i z którymi użytkownicy muszą żyć?

Answer 1

Pozycjonowanie input typu color przeglądarka jest realizacja konkretnych, w official documentation nie jest podana reguła dla klientów użytkownika (tj przeglądarek), jak ustawić go na element strony. To sprawia, że ​​niestandardowe pozycjonowanie za pomocą CSS na przykład lub JavaScript nie jest możliwe.

Jednak istnieją pewne inne zasady (na przykład, nie jest zawsze kolor wybrał, i nie ma sposobu, aby ustawić wartość na pusty ciąg.)

pamiętać przy użyciu input typu color, że przeglądarki Internet Explorer i Safari nie obsługują jeszcze tej usługi przez.