Cách định vị bộ chọn màu mở ra thông qua đầu vào màu của HTML5?

Question

Hôm nay tôi đọc about HTML5's color input và tôi nghĩ rằng tôi muốn cung cấp cho nó một thử:

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

Khi tôi bấm vào đầu vào (trong chrome và firefox, trên cửa sổ), một hộp thoại Color Picker sẽ xuất hiện. Tuy nhiên, nó được đặt ở góc trên bên trái của màn hình của tôi, không phải trên đầu vào.

Đây có phải là sự cố đã biết và điều này sẽ được 'khắc phục' trong tương lai không? Có thể định vị bộ chọn màu thông qua mã không? Hay đây là điều mà các trình duyệt không thể làm được nhiều và người dùng phải sống với nó?

Answer 1

Vị trí của input loại color là cách triển khai cụ thể cho trình duyệt, trong official documentation không có quy tắc nào cho tác nhân người dùng (ví dụ: trình duyệt) cách định vị nó trên phần tử của trang. Điều này làm cho việc định vị tùy chỉnh thông qua CSS chẳng hạn, hoặc JavaScript không thể.

Tuy nhiên, có một số quy tắc khác (ví dụ, có luôn một màu chọn thủ công và không có cách nào để thiết lập các giá trị cho chuỗi rỗng.)

Hãy ghi nhớ khi sử dụng input thuộc loại color, trình duyệt Internet Explorer và Safari không hỗ trợ.