質問: 格子状のtableタグで作った表に数値を入れる物を作ったのですが、簡単に数値を選択していれる方法はないでしょうか? テーブルのセルを押すとするっと1から9の数値が出てきて選択した数値が入力されるようにしたいです。 現在はtdにinput要素を入れて数値を入力しています。 typeにnumberと入れています。 selectタグでプルダウンメニューをtdに入れたのですが、selectタグにデフォルトの余計なcssが一杯当たっているせいか、selectタグのサイズが、input要素の数値の場合より大きいようでテーブルが崩れます。 下記を入れても変わりません。 appearance: none; また、余計な余白や四角などが邪魔です。 なにか良い方法はないでしょうか? HTMLを追加します。 ``` ~ ←ここを閲覧者がクリックした時に1から9の選択肢が出てきて、選択するとその数値が入力されるようにしたい。 ~ ```
回答: inputになにかしらクラスを与えたうえで、selectタグのレイアウトがいい感じになるようスタイルをしていすればいいのでは? また、各セルのサイズについても、スタイルなどで指定しておけば万全な気がします。