Windows 8'de kaydırma çubuğu rengini değiştirmek mümkün müdür?


11

Genellikle çok fazla içeriğe sahip bir web sayfasına göz atarken, tıklanabilir parçanın konumu ile arka plan arasındaki kontrast düşük olduğu için kaydırma çubuğunu bulmak zordur.

Kaydırma çubuğunun tıklanabilir kısmının rengini değiştirmem için bir yol olsaydı daha iyi olurdum. Mümkün mü?


İyi bir 10 dakika etrafına baktı ve yararlı bir şey bulamadık = p
cutrightjm

Decor8'i deneyin ( stardock.com/products/decor8/index.asp ). Desteklemiyorsa, özelliği isteyin ve geliştiricilerin ekleyeceğini umuyoruz.
magicandre1981

@ magicandre1981 Görünüşe göre Decor8 için ayarlanan özellik Win8 başlangıç ​​ekranına odaklanmış gibi görünüyor, oysa masaüstü uygulamalarına (özellikle Chrome) ve renk şemasına bakıyorum.
khrave

Yanıtlar:


5

Kaydırma çubuğu rengi Windows teması tarafından tanımlanır.

Tarayıcılar için özel bir CSS kullanabilirsiniz. Sizin durumunuzda, Google Chrome için 'Şık' uzantısını yükleyebilir ve aşağıdaki kodla yeni bir stil ekleyebilirsiniz:

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); }

İsteğe bağlı olarak stil aşağıdakilerle daha da geliştirilebilir:

html { overflow: auto; }

Teşekkürler! Bu sorumu cevaplıyor ve CSS ile biraz uğraştıktan sonra, beğenime göre ayarlayabiliyorum. İyi cevap.
khrave

Aynı problemim var - aynı zamanda sadece tarayıcıdan başka programlarla da. Tüm pencereler için kaydırma çubuğunu kapsayan bir çözüm görmek isterim.
Joe
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.