Php jQuery或css处理select元素中的长描述

在我最近的项目中，我在处理select元素时遇到了一个问题。问题是select元素中的描述太长，导致布局中断。我有一个在css中为select和option设置固定宽度的解决方案，如下所示：

select, option {
   width:500px;
}

当用户单击select元素时，该选项返回到正常宽度，而不是我在css文件中设置的宽度

打印我的系统的屏幕图像：

!

你可以试试

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

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

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

---

如果我正确理解您的问题，可能会有所帮助。

选择选项太疯狂了。。。控制选项宽度几乎是不可能的。您甚至不能应用

文本溢出：省略号
。您拥有的一些选项值非常长。尝试将文本精简为一些字符并填充到下拉列表中，使用工具提示插件（如
bootstrap
中的插件）提供全文标题，该插件将突出标题作为弹出窗口。或者尝试使用一些jquery下拉插件，如下面的插件


你可以给你的相关代码做一个演示，而不是屏幕截图。@mithunsatheesh，这里是JSFIDLE链接。仅供参考，我只使用带有select选项css代码的普通html select。@errorare@arjuncc它只更改宽度元素，而不更改select元素内的宽度。问题是当用户单击下拉列表时显示的宽度。@errorare，是否显示选项的全部内容？我也用“最大宽度”尝试过，但如果将上面的css属性“宽度”替换为“最大宽度”：600px，它也会更改下拉列表的宽度；它只改变width元素，而不是select元素的宽度。我更新了css，还检查了你的小提琴，现在它只改变选项宽度。我在firefoxTq@PSCoder上测试了这一点。我试着按照你建议的链接进行操作。我会带着结果回来的。