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

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

黄舟
リリース: 2017-07-03 11:12:26
オリジナル
1877 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート