php - select要素の長い説明を処理するjQueryまたはcss

Question

最新のプロジェクトで select 要素に問題があります。問題は、select 要素内の記述が長すぎてレイアウトが乱れることです。以下のように、css で選択とオプションの固定幅を設定するソリューションがあります。

select, option {
   width:500px;
}

ユーザーがselect要素をクリックしたときの問題、オプションはcssファイルで設定した幅ではなく、通常の幅に戻ります。

私のシステムの印刷画面イメージ:

jsFiddle のデモ!

Answer 1

あなたが試すことができます

select{
    width:500px;
}
select, option {
    max-width: 500px;
}

select, option:hover {
   max-width:600px;
}

select, option:active {
   max-width:600px;
}

あなたの質問を正しく理解していると助かるかもしれません