背面にある要素を選択したい時に使えるpointer-events: none;

select（pointer-events: none;なし）

矢印アイコンを押してもselect要素が反応しない

select（pointer-events: none;あり）

矢印アイコンのマウスイベントをキャンセルした為下にあるselect要素が反応した

cssのみで実装する汎用性の高いradio,checkbox,のデザイン

自分用メモとして凡庸性の高いforme作成時に使えるデザインいろいろ

radio-list

checkbox-list

radio-box

checkbox-box