格子状のtableタグで作った表に数値を入れる物を作ったのですが、簡単に数値を選択していれる方法はないでしょうか?

selectタグでプルダウンメニューを入れたのですが、余計なcssが一杯当たっているせいか、サイズが大きくて崩れます。
下記を入れても変わりません。
appearance: none;

また、余計な余白や四角などが邪魔です。

typeにnumberと入れる方法もあるのですが、PCだと結局入力しないといけないですよね。

なにか良い方法はないでしょうか?

HTMLを追加します。

<tr>
  <td><input type="text" value="5"></td>
  <td><input type="text" value="4"></td>
  <td><input type="text" value=""></td>←ここを閲覧者がクリックした時に1から9の選択肢が出てきて、選択するとその数値が入力される
</tr>