質問: ご質問失礼いたします。 テキストなどがある要素の横幅に収まらない場合、下記のように書くことで改行を禁止し、3点リーダー(...)を最後に持たせる事ができるかと想うのですが ``` p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ``` これをセレクト要素のオプション要素(各項目)にもたせられたらと思っております。Android端末からセレクト要素をセレクトするさいに改行されているのを3点リーダーにしたいのですが、どうもセレクト要素に反映させるのは困難なようでして、しかも端末ごとにセレクトする際のUIというんですかね、そちらも異なるのでそもそもできるのかなと言ったところなのですが、、 なにか手がかりなど些細なことでも構いませんのでアドバイスなどいただけたらと思います。よろしくお願いいたします。
回答: 「option要素にtext-overflowを適用できるか」という質問に対しての答えは「不可能」です。 text-overflowの適用対象はブロックレベル要素であり、option要素はブロックレベル要素ではないからです。 代替の手段はあると思うので、別の質問を立てられるのが良いかと。