

ご質問失礼いたします。  
テキストなどがある要素の横幅に収まらない場合、下記のように書くことで改行を禁止し、３点リーダー（...）を最後に持たせる事ができるかと想うのですが

[code]

    p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    
[/code]

これをセレクト要素のオプション要素（各項目）にもたせられたらと思っております。Android端末からセレクト要素をセレクトするさいに改行されているのを３点リーダーにしたいのですが、どうもセレクト要素に反映させるのは困難なようでして、しかも端末ごとにセレクトする際のUIというんですかね、そちらも異なるのでそもそもできるのかなと言ったところなのですが、、  
なにか手がかりなど些細なことでも構いませんのでアドバイスなどいただけたらと思います。よろしくお願いいたします。


CC BY-SA 4.0
2018-02-15T15:13:34.110
41745
2019-05-29T02:20:27.247
2019-05-29T02:20:27.247
19110
27328
question
android css html5
セレクト要素への３点リーダー


「option要素にtext-overflowを適用できるか」という質問に対しての答えは「不可能」です。

[text-overflow](https://developer.mozilla.org/ja/docs/Web/CSS/text-
overflow)の適用対象は[ブロックレベル要素](https://developer.mozilla.org/ja/docs/Web/HTML/Block-
level_elements)であり、[option要素](https://developer.mozilla.org/ja/docs/Web/HTML/Element/option)はブロックレベル要素ではないからです。

代替の手段はあると思うので、別の質問を立てられるのが良いかと。


CC BY-SA 3.0
2018-02-16T00:47:07.090
41755
2018-02-16T00:47:07.090
2238
41745
answer