プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ

formと要素が重なってうまくいかないときの小技

  • 2020年10月15日
  • 2020年10月15日
  • html/css
  • 1view
  • 0件

小技、というかcssひとつで解決するんですけどね。

要素に以下をつける

pointer-events:none;

なにをするか一言でいうと、要素が選択範囲内にきてもなにもしないよって感じ。

before要素とかでゴチャゴチャ装飾したてformと重なるオシャレなデザインを作ってみたはいいが、いざカーソルを当てるとフォームを選択できない。

さらにz-indexを指定してもうまくいかなかった。ということでこの方法で解決しました。