ドロップダウンリストの高さ調節方法について

Question

環境vs2017　空　webfroms
table Rowのセル内にドロップダウンリストを配置しています。そこでドロップダウンリストに表示される、例えば１，２，３など）のリストの幅（高さ）の調整方法が分かりません。ネットで調べてもわからなかった為、質問させていただきました。すべて投げやりになってしまいましたが、どなたかわかる方いらしたらご教授お願いします。画像の青くなっている部分の高さを調整したいと思っています。

<asp:TableRow>
					<asp:TableCell CssClass="th">年齢</asp:TableCell>
					<asp:TableCell CssClass="td">
						<asp:DropDownList ID="age" runat="server" CsClass="textbox1" Height="21px">
                          <asp:ListItem ></asp:ListItem>
						</asp:DropDownList>
</asp:TableRow>

Comments

[退会済みユーザー]

> すべて投げやりになってしまいましたが、

そのとおりで、それを自覚しているなら問題を再現できるサンプルコードや結果の画像をアップして、どこをどうしたいのか説明するなど、以下のガイドラインを読んできちんとやったらどうですか。

https://teratail.com/help/question-tips

Answer 1

画像の青くなっている部分の高さを調整したいと思っています。

DropDownList から生成されるのは html の select / option 要素になり、「青くなっている部分」は option 要素になるのですが、option 要素に css を適用することはできない（css で高さを設定できない＝ブラウザ任せ）そうなので、css だけで簡単にという訳にはいかないようです。

「select option 高さ」などをキーワードにググると、ここ Teratail のスレッドにも記事がありますので、自分でも調べてください。

htmlのselectボックスの中のプルダウンの高さを変更する方法がわかりません。
https://teratail.com/questions/37969

DropDownList(select / option) ではなくて Bootstrap4 の Dropdowns を使うとかの提案（下記 url 参照）もありますが、データバインドしている DropDownList では難しそうです。

htmlのselectボックスの中のプルダウンの高さを変更する方法がわかりません（画像あり）
https://teratail.com/questions/292788

他には jQuery プラグインを使ってプルダウン部分を書き換えるなどの方法がありそうですが・・・　（そこまでやる気はないと勝手に理解してます）