Có thể thay đổi màu thanh cuộn trong Windows 8 không?


11

Thông thường khi tôi duyệt một trang web có nhiều nội dung, thanh cuộn khó tìm vì độ tương phản giữa vị trí của phần có thể nhấp và nền thấp.

Sẽ thật tuyệt nếu có một cách để tôi thay đổi màu sắc của phần có thể nhấp của thanh cuộn để tôi có thể nhìn rõ hơn. Điều này có thể không?


Nhìn xung quanh trong 10 phút và không tìm thấy gì hữu ích = p
cutrightjm

Hãy thử trang trí8 ( stardock.com/products/decor8/index.asp ). Nếu nó không hỗ trợ nó, hãy yêu cầu tính năng này và hy vọng các nhà phát triển sẽ thêm nó.
magicandre1981

@ magicandre1981 Đối với tôi, có vẻ như bộ tính năng dành cho Decor8 tập trung vào màn hình bắt đầu Win8, trong khi tôi đang xem các ứng dụng trên máy tính để bàn (cụ thể là Chrome) và bảng màu của chúng.
khrave

Câu trả lời:


5

Màu thanh cuộn được xác định bởi chủ đề Windows.

Đối với trình duyệt, bạn có thể sử dụng CSS tùy chỉnh. Trong trường hợp của bạn, đối với Google Chrome, bạn có thể cài đặt tiện ích mở rộng 'Phong cách' và thêm kiểu mới với mã sau:

body {
    position: absolute;
    top:20px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }

Tùy chọn phong cách có thể được cải thiện hơn nữa với:

html { overflow: auto; }

Cảm ơn! Điều này trả lời câu hỏi của tôi và sau khi sửa lại CSS một chút, tôi nghĩ rằng tôi có thể điều chỉnh nó theo ý thích của mình. Câu trả lời tốt.
khrave

Tôi có cùng một vấn đề - nhưng với các chương trình khác ngoài trình duyệt. Tôi muốn thấy một giải pháp bao gồm thanh cuộn cho tất cả các cửa sổ.
Joe
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.