pointer-events:noneは要素を貫通することができ、例えば絶対位置決め時にこの要素は点の中に入らず、被点の中にはその下の要素がある.
white-space:pre改行とスペースがページに表示されます.ここでの改行は「キーボード入力のリターンキー」ではなく、HTMLのpreラベルに似ています.
スクロールバー関連スタイル
さぎょう
例(https://www.cnblogs.com/lfhy/p/6796653.html)
:-webkit-scrollbar
スクロールバー全体のスタイルの定義
display: none;//スクロールバーを隠す
:-webkit-scrollbar-thumb
スライダセクション
:-webkit-scrollbar-thumb {
/* */
border-radius:
10px
;
-webkit-box-shadow:
inset
0
0
5px
rgba(
0
,
0
,
0
,
0.2
);
background
:
#535353
;
}
:-webkit-scrollbar-thumb
きどうぶ
:-webkit-scrollbar-track {
/* */
-webkit-box-shadow:
inset
0
0
5px
rgba(
0
,
0
,
0
,
0.2
);
border-radius:
10px
;
background
:
#EDEDED
;
}
touch-action:manipulationモバイルデバイスクリックイベント300 msの遅延を解決し、しばらくはIE 11+のみサポートされているが、w 3 cの基準として今後普及する可能性があり、2015年以降はほとんどのブラウザで300 msの遅延はなくなっている(https://github.com/ftlabs/fastclick) -webkit-overflow-scrolling:touch iOSのoverflow:autoによるカートンを解決するとiOSにリバウンド効果があり、上部と下部にスライドしてページが詰まって動かない場合はposition:staticを使用し、動的にコンテンツを追加してページがスクロールできない場合はサブ要素のheightを親要素より少し大きくすることができます(min-height:101%)、isScrollライブラリまたはbetter-scrollライブラリ(https://www.cnblogs.com/xiahj/p/8036419.html 、https://www.jianshu.com/p/1f4693d0ad2d、https://www.cnblogs.com/wuyinghong/p/7450041.html?utm_source=debugrun&utm_medium=referral) cursor:not-allowed設定マウスを要素に移動するときに表示できないスタイル -webkit-input-placeholder{color: red; transform: translate(0, -10px);}input入力ボックスplaceholderフォントの色を設定し、iOSで垂直が中央にない場合(ant-designで発生したことがあるが、なぜか分からない)が発生する可能性があるため、垂直位置を調整します.
css式はスタイルシートでJavaScriptを使用できますが、は推奨されません.