ボタン上のテキストエリア、ボタンがクリックできない

Question

ボタン上にテキストエリアを配置しましたが、テキストエリアがある位置でボタンをクリックできませんでした。テキストエリアが表示されたまま、テキストエリアの選択を無効にして、全面でボタンをクリック可能にするにはどうすればよいですか？ 小さな画像（アイコン）と同じです。ボタンの上にアイコンを置くと、その位置でクリックできなくなります。

Answer 1

重複するオブジェクトにpointer-events: noneを使用すると、「クリックスルー」、つまりその下の要素をクリックできます。

詳細情報：StackOverflowのにhttps://css-tricks.com/almanac/properties/p/pointer-events/