スクロール バーは現在多くのプロジェクトで使用されており、多くの大きなメールボックスは CSS スタイルを使用して設定されています。では、CSS でスクロール バー スタイルを設定するにはどうすればよいでしょうか。 CSSでスクロールバーのスタイルを設定するにはどのような方法がありますか?
1. Webkit の CSS 設定スクロール バー
上記は、スクロール バーの主な設定プロパティです。 CSS プロパティの詳細
:horizontal: 水平スクロール バー
:vertical: 垂直スクロール バー
:decrement: ボタンと内部トラック (トラック ピース) に適用されます。これは、ボタンまたは内部トラックがウィンドウの位置を減らすかどうかを示すために使用されます (たとえば、垂直スクロール バーの上、水平スクロール バーの左側)。
:increment: decrement は同様です。 、レイヤー トラックがビューポートの位置を増やすかどうかを示すために使用されます (たとえば、垂直スクロール バーの下、水平スクロール バーの右側)。疑似クラスはボタンとスライダーにも適用されます。オブジェクトをスライダーの前に配置するかどうかを定義するために使用されます。
:end: start 疑似クラスと同様に、オブジェクトがスライダーの後ろに配置されているかどうかを識別します。
:double-button: この疑似クラスは、ボタンと内部トラックに使用されます。ボタンがスクロール バーの同じ端に配置された 1 対のボタンの 1 つであるかどうかを判断するために使用されます。内側トラックの場合、これは内側トラックが一対のボタンの隣にあるかどうかを示します。
:single-button: ダブルボタンの疑似クラスに似ています。ボタンの場合、ボタンがスクロール バーのセクションに独立して存在するかどうかを判断するために使用されます。内側トラックの場合、内側トラックが単一ボタンの隣にあるかどうかを示します。
:no-button: 内側のトラックに使用され、スクロール バーの両端にボタンがない場合など、内側のトラックをスクロール バーの端までスクロールするかどうかを示します。
:corner-present: すべてのスクロール バー トラックに使用され、スクロール バーの丸い角が表示されるかどうかを示します。
:window-inactive: すべてのスクロール バー トラックに使用され、スクロール バーが適用されるページ コンテナー (要素) が現在アクティブ化されているかどうかを示します。 (Webkit の最近のバージョンでは、この疑似クラスは ::selection 疑似要素にも使用できます。Webkit チームはこれを拡張し、標準の疑似クラスになるように推進する予定です)
# 2. 以下の IE CSS
IE ではカスタマイズ項目が少なく、すべて色です。
1.scrollbar-arrow-color: color; /*三角形の矢印の色*/2.scrollbar-face-color: color;次元スクロール バー (矢印の一部を含む)*/3, スクロールバー-3dlight-color: color; /*三次元スクロール バーの明るい端の色*/4, スクロールバーのハイライト色: カラー; /* スクロールバーのハイライト色 (左の影?)*/5, スクロールバーの影の色; 3 次元スクロール バー*/6, スクロールバー -darkshadow-color: color; /*3 次元スクロール バーの外側の影の色*/7, スクロールバー-track-color: color; /*3 次元スクロール バーの背景色*/8 、scroller-base-color:color; /*スクロール バーの基本色*/上記はCSSでスクロールバーのスタイルを設定する方法です。 CSS 設定のスクロール バー スタイル方法の完全な紹介 CSS ビデオ チュートリアルについて詳しく知りたい場合は、php 中国語 Web サイトに注目してください。
以上がCSSでスクロールバーのスタイルを設定するにはどうすればよいですか? CSSを使用してスクロールバーのスタイルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

私は本当に好きです:フォーカスウィチン。それは、子供のいずれかが焦点を合わせているときに基本的に親要素を選択できるようにする非常に便利なセレクターです。

これをあなたのためにフレーム化させてください:私たちはスケッチファイルから制作のUIを取得し、それを情報の断片に分解してから構築するつもりです

技術的には誰でも料理ができるのは真実です。しかし、実際においしい食事を準備する方法を知っていることとあなたのように最高のものを望んでいることには違いがあります

React Ecosystemは、すべてがドラッグアンドドロップの相互作用に焦点を合わせている多くのライブラリを提供します。 React-Dnd、React-Beautiful-Dnd、

バックグラウンドクリップをすべて頻繁に使用すると言うことができます。私は、日々のCSS作業ではほとんど使用されていない' dを賭けています。しかし、私はステファン・ジュディスの投稿でそれを思い出しました、

RequestAnimationFrameでアニメーション化するのは簡単なはずですが、Reactのドキュメントを徹底的に読んでいない場合は、おそらくいくつかのことに遭遇するでしょう

おそらく、それをユーザーに提供する最も簡単な方法は、要素上のIDをターゲットにするリンクです。だから...


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

ドリームウィーバー CS6
ビジュアル Web 開発ツール

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
