ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使ってスクロールバー(スクロールバー)の色を調整する方法を詳しく解説

CSSを使ってスクロールバー(スクロールバー)の色を調整する方法を詳しく解説

黄舟
黄舟オリジナル
2017-07-03 11:12:261812ブラウズ

PSDからHTMLへ、
デザイン案に紹介情報が埋め込まれています。テキストが長すぎる場合は、加工されたスクロールバーを使用して表示する必要があります。

Firefoxとの互換性が必要な場合は、JQを使用して作成できます。

IEブラウザのみが必要な場合は、CSSを調整してスクロールバーの色を変更できます。

コードは次のとおりです:

.uicss-cn
{
height:580px;overflow-y: scroll;
scrollbar-face-color:#EAEAEA;
scrollbar-shadow-color:#EAEAEA;
scrollbar-highlight-color:#EAEAEA;
scrollbar-3dlight-color:#EAEAEA;
scrollbar-darkshadow-color:#697074;
scrollbar-track-color:#F7F7F7;
scrollbar-arrow-color:#666666;
}

特定のスタイルに対応するスクロールバー領域は図に示すとおりです:

CSSを使ってスクロールバー(スクロールバー)の色を調整する方法を詳しく解説

以上がCSSを使ってスクロールバー(スクロールバー)の色を調整する方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。