cssの不思議な属性

2419 ワード

  • 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を使用できますが、
  • は推奨されません.