https://hangouts.google.com/ đặt một số hình ảnh làm nền theo mặc định. Làm thế nào để loại bỏ nó, tức là để lại một nền đơn sắc?

Với ảnh:

Không có ảnh:

Câu trả lời ngắn

Sử dụng trình quản lý CSS tùy chỉnh và áp dụng mã dưới đây cho https://hangouts.google.com/ .

.kFx1Ae-xdwExf-eb-m {
    display:none;
}

Giải trình

Google Hangouts không bao gồm tùy chọn tắt ảnh nền. Các lựa chọn thay thế là sử dụng các công cụ dành cho nhà phát triển trình duyệt để chỉnh sửa mã nguồn mỗi khi trang Hangouts được tải hoặc sử dụng trình quản lý css tùy chỉnh giúp bạn lưu và áp dụng kiểu CSS tùy chỉnh.

CSS tùy chỉnh cũng được gọi là "kiểu người dùng tùy chỉnh" hoặc chỉ "kiểu người dùng".

Tôi đã sử dụng Kiểu dáng cho Chrome trong những tháng qua nhưng vẫn có những thứ khác.

• .kFx1Ae-xdwExf-eb-mlà một bộ chọn chọn một phần tử HTML theo tên lớp. Trong https://hangouts.google.com , tên lớp được chỉ định được sử dụng cho thẻ div được sử dụng để giữ các thẻ img gọi ảnh nền Hangout.
• display:none là một thuộc tính style ẩn phần tử được chỉ định.

Người giới thiệu

• https://www.w3.org/Style/CSS/
• Trợ giúp Hangouts

Câu trả lời của @ Rubén là chính xác, đưa ra câu hỏi, nhưng tôi muốn cải thiện một chút với một nit nhỏ:

.kFx1Ae-xdwExf-eb-m, .Id-qy-By {
    display:none;
}

Lớp bổ sung Id-qy-By, nhắm mục tiêu các xác nhận được hiển thị cùng với các ảnh được lấy từ Google+, chẳng hạn như:

Ảnh của Alex Wrigley

chia sẻ trên Google+

(ảnh chụp màn hình mẫu có chứa thông báo trên)

Lưu ý rằng ảnh được chọn từ kho lưu trữ nội bộ ( gstaticmáy chủ) không bao gồm các xác nhận đó.

Điểm mấu chốt là: Không có ảnh ... Không có tín dụng! ;-)

Tái bút: Tôi sẽ bình luận thay vì đề xuất một câu trả lời riêng biệt nhưng không đủ danh tiếng có sẵn tại thời điểm viết bài này.

Cập nhật 2017-01-03: Toàn bộ quy tắc đang được sử dụng trong Kiểu (2.0.7 cho Firefox 50.1.0), có tính năng lọc chặt hơn để cải thiện hiệu suất : domain ( hangouts.google.com) và loại phần tử ( div):

@-moz-document domain("hangouts.google.com") {
  div.kFx1Ae-xdwExf-eb-m, div.Id-qy-By {
    display:none;
  }
}

Cập nhật 2017/11/08: Một quy trình tương tự như việc cho Stylus (1.1.4.2 cho Firefox 56), bây giờ mà Stylish là (hiện tại) đánh dấu di sản :

1. Tạo quy tắc mới
2. Trong Định dạng Mozilla , nhấn nút Nhập
3. Dán mã từ phần trên
4. Đặt tên cho quy tắc (ví dụ: Hangout ẩn phần tử nền )

Cập nhật 2018-11-05: Lớp CSS được cập nhật sau khi nhận thấy nâng cấp back-end Hangouts (đã thay đổi một số cơ sở hạ tầng và do đó, đã phá vỡ các quy tắc trước đó cho chính ảnh):

@-moz-document domain("hangouts.google.com") {
  div.g-Qx-eb, div.Id-qy-By {
    display:none;
  }
}

Cập nhật 2018. Cuối cùng, thực sự có một phần mở rộng. Nếu bạn đang sử dụng Google Chrome, bạn có thể sử dụng tiện ích mở rộng Google Hangouts Editor .

Ngoài ra, bạn có thể thay đổi nền thành màu khác với màu đen bằng:

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}