2014-11-10 18 views
119

Có thể phong cách giữ chỗ một đầu vào văn bản với những điều sau đây:Inspect webkit-input-placeholder với các công cụ phát triển

-webkit-input-placeholder { 
    color: red; 
} 

Tôi đang nhìn vào một trang web trực tuyến và tôi muốn sử dụng màu sắc giữ chỗ giống như họ làm. Có thể tìm ra màu nào họ sử dụng không? Tôi muốn bao gồm bất kỳ giá trị alpha nào, vì vậy tôi không thể chỉ lấy mẫu màu bằng trình chỉnh sửa hình ảnh.

Khi tôi kiểm tra các yếu tố với Chrome Dev Tools, tôi thấy: công cụ

enter image description here

Dev không cung cấp thông tin liên quan đến các yếu tố giữ chỗ khi kiểm tra các yếu tố đầu vào. Có cách nào khác không?

+0

thể trùng lặp của [Làm thế nào để thay đổi màu sắc placeholder trên tập trung?] (Http://stackoverflow.com/questions/13183421/how-to -change-placeholder-color-on-focus) – cport1

+3

Không ... Tôi nêu rõ trong câu hỏi rằng tôi biết cách thay đổi nó, nhưng tôi tự hỏi làm thế nào để kiểm tra các đặc tính của người khác. Tôi thậm chí cung cấp một mẫu mã cho thấy tôi biết làm thế nào để thay đổi nó. –

+0

trang web là gì? Vì trình giữ chỗ là phần tử giả, bạn vẫn có thể xem các kiểu khi kiểm tra phần tử đó. – cport1

Trả lời

252

Tôi đã tìm ra.

Bí quyết là để cho phép 'Hiển thị user agent bóng DOM' trong bảng điều khiển Cài đặt các công cụ cho nhà phát triển Chrome:

enter image description here

Để có được để cài đặt, nhấp vào nút "⋮" ở phía trên bên phải của bảng điều khiển Công cụ tìm kiếm của bạn, sau đó nhấp vào Cài đặt và nó nằm trong tab Tùy chọn mặc định.

Với điều đó, bây giờ bạn có thể nhìn thấy nó:

enter image description here

+1

Cài đặt có ở 62 và nó hoạt động rất đẹp. – isherwood

Các vấn đề liên quan