Webkit スクロールバー スタイルのリセット 1. スクロールバーには、スクロールバー ボタンとトラックが含まれています。トラックはさらにトラックピースとサムに分割されます。トレースピースは親指の上部と下部です。 構成構造図は以下のとおりです。 スクロール バーのカスタム スタイルが見つかると、ブラウザーのデフォルトのスタイル設定は無効になり、CSS で定義されたスタイルのみが使用されます。つまり、スクロールバー ボタンまたはスクロールバー トラックに対してのみ値を設定することはできません。 -webkit-scrollbar /* スクロールバー全体。リセット時に設定する必要があります*/ -webkit-scrollbar-button /* スクロールバートラックの両端にあるボタン*/ -webkit-scrollbar-track /* スクロールバー トラック (サムとトレースピースを含む) */ -webkit-scrollbar-track-piece /* トラックの中央部分と下部部分の上部と下部 (左と右) の部分 */ -webkit-scrollbar-thumb /*スクロールバー内の小さな四角*/ -webkit-scrollbar-corner /* 垂直と水平の交差角度 */ -webkit-resize // スクロールバーの交差点にある、要素をドラッグしてサイズ変更するための小さなコントロール*/ 以下の疑似クラスと組み合わせて設定できます (スクロール バーはオペレーティング システムのブラウザーによって異なる場合があるため、以下の疑似クラスに従って設定できます)。
IEでは、スクロールバーの色のみを変更できます。 scrollbar-arrow-color:#f2f2f3; /*上下矢印*/ scrollbar-track-color /*下部の背景色*/ scrollbar-face-color /*スクロールバーの前景色、つまみに対応*/ scrollbar-shadow-color /*スクロールバーの端の色、サムネイルの境界線*/ scrollbar-highlight-color /*スクロールバーの全体的な色*/ scrollbar-base-color /* スクロールバーの基本色*/ 参考文献 スクロールバーのスタイル設定 | Webkit 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
オープンプラットフォームの増加に伴い、そこから派生するさまざまなアプリケーションサービスも増加傾向に...
目次1. IDEAはdockerプラグインをダウンロードします2. クラウドサーバーDocker 2...
1. MySQLデータベースを作成する1. データベース構文を作成する --「testdb」という名...
この記事では、動的なパーティクル効果を実現するためのjQueryの具体的なコードを参考までに紹介しま...
目次1. Nginx の紹介2. 画像サーバーの構築1. Nginx の紹介Nginx はリバース ...
最近、フロントエンドの vue.js ドッキング機能モジュールに取り組んでいたとき、画像をダウンロー...
成果を達成する実装コードhtml <ヘッダー> <h1><em>...
Mac 用 MySQL をダウンロード: https://downloads.mysql.com/a...
1. ソースコードからovsをコンパイルしてインストールします。依存関係をインストールします: # ...
この記事では、ドラッグ可能なモーダルボックスを実装するためのJavaScriptの具体的なコードを参...
JSON (JavaScript Object Notation、JS Object Notatio...
1. 公式5.0.3イメージを取得する [root@localhost ~]# docker pul...
(Win7 システム) VMware 仮想マシンのインストール チュートリアルVMware は仮想マ...
目次1. インストール要件2. OSイメージのダウンロード3. VMware Workstation...
目次ライフサイクル関数一般的なライフサイクルフックVue のインスタンス破棄について:要約するライフ...