ブラウザのスクロールバーのスタイルを変更するための純粋な CSS の例
|
CSSを使用してブラウザのスクロールバーのスタイルを変更する
::-webkit-スクロールバー{
幅: .5rem;
高さ: .5rem;
背景: hsla(0, 0%, 100%, 0.6);
}
::-webkit-スクロールバートラック{
境界線の半径: 0;
}
::-webkit-スクロールバー-サムネイル {
境界線の半径: 0;
背景色: rgba(95,95,95,.4);
遷移: すべて .2;
境界線の半径: .5rem;
&:ホバー{
背景色: rgba(95,95,95, .7);
}
}
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
<<: SEATAトランザクションサービスDockerのデプロイ手順の詳細説明
推薦する
aタグに下線を付け、クリック前後で色を変える方法
コードをコピーコードは次のとおりです。リンクフォントサイズ: 12px;色: #000000;テキス...
高さ:100% が機能しないのはなぜですか?
高さ:100% が機能しないのはなぜですか?この知識は不人気ではありませんが、使用する際には混乱する...
Vue3 はメッセージコンポーネントの例を実装します
目次コンポーネント設計最終的なコンポーネントAPIの定義コンポーネント構造の定義テンプレートとスタイ...
MySQL の 4 つのトランザクション分離レベルの詳細な説明
この実験のテスト環境: Windows 10+cmd+MySQL5.6.36+InnoDB 1. ト...
Windows 10 での Hyperledger Fabric 1.4 環境構築プロセスの図
内容Hyperledger fabric1.4環境のWindows 10でのセットアップ前提条件Wi...
テキストエリアをレイアウトしたときにテキストが左下にあり、サイズを変更できない問題の解決策
2つの小さな問題ですが、長い間私を悩ませていました。最初の質問テキストエリアの左側のテキストは常にテ...
Nginx proxy_pass の / スラッシュによって引き起こされた殺人事件の詳細な説明
背景nginx サーバー モジュールは 2 つのサーバーにプロキシする必要があるため、異なるサーバー...
Vueは完全な選択機能を実装しています
この記事の例では、完全な選択機能を実装するためのVueの具体的なコードを参考までに共有しています。具...
Windows 10 に TomCat をインストールするチュートリアル図
WindowsにTomCatをインストールするこの記事では、WindowsプラットフォームにTomC...
Linux での MySQL 5.7.18 yum のアンインストールからインストールまでのプロセスの図
いろいろ苦労しましたが、やっと yum インストールの手順がわかりました。以前、バイナリ パッケージ...
JavaScript タイマー原理の詳細な説明
目次1. setTimeout() タイマー2. setTimeout() タイマーを停止する3. ...
HTML でさまざまなスペースの特徴と表現を探る (推奨)
I. 概要HTML テンプレートを作成するときに、テキスト レイアウトの手段としてスペースが使用さ...
1つの記事でJavaScript DOM操作の基本を学ぶ
DOM の概念DOM: ドキュメント オブジェクト モデル: ドキュメント オブジェクト モデルは、...
js での遅延読み込みとプリロードの具体的な使用法
遅延読み込み（レイジー読み込み）とプリロードは、Web 最適化によく使用される手段です。 。 1. ...
PHPのmail()関数を使用してメールを送信する
PHPのメール関数を使用してメールを送信するmail()関数はメールサーバーに接続し、サーバーと対話...