FORMのSELECT要素に長い名前のOPTION要素があると文字が途中で切れてしまう

前提・実現したいこと

HTMLのFORMのSELECT要素に長い名前のOPTION要素があると文字が途中で切れてしまい、要素を識別出来ない状況が生まれてしまっていて困っています。

プルダウンの中で折り返し表示、先頭省略、プルダウン幅や位置の調整などを、cssだけでできるものでしょうか？

発生している問題・エラーメッセージ

スクリーンショットはmac/Chromeのものです。

該当のソースコード

HTML
1<html lang="ja"><head>
2        <meta charset="utf-8">
3        <title>selectテスト</title>
4    </head>
5    <body>
6        <form>
7            <select>
8                <option value="1">じゅげむじゅげむごこうのすりきれかいじゃりすいぎょのすいぎょうまつうんらいまつふうらいまつくうねるところにすむところやぶらこうじのぶらこうじぱいぽぱいぽぱいぽのしゅーりんがんしゅーりんがんのぐーりんだいぐーりんだいのぽんぽこぴーのぽんぽこなーのちょうきゅうめいのちょうすけ１</option>
9                <option value="2">じゅげむじゅげむごこうのすりきれかいじゃりすいぎょのすいぎょうまつうんらいまつふうらいまつくうねるところにすむところやぶらこうじのぶらこうじぱいぽぱいぽぱいぽのしゅーりんがんしゅーりんがんのぐーりんだいぐーりんだいのぽんぽこぴーのぽんぽこなーのちょうきゅうめいのちょうすけ２</option>
10                <option value="3">じゅげむじゅげむごこうのすりきれかいじゃりすいぎょのすいぎょうまつうんらいまつふうらいまつくうねるところにすむところやぶらこうじのぶらこうじぱいぽぱいぽぱいぽのしゅーりんがんしゅーりんがんのぐーりんだいぐーりんだいのぽんぽこぴーのぽんぽこなーのちょうきゅうめいのちょうすけ３</option>
11            </select>
12        </form>
13    
14</body></html>