cssの不思議な属性

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を使用できますが、

は推奨されません.