Jquery HTML-选择标记的选项部分高亮显示文本

当我选择option并水平滚动阅读全部内容时，它显示部分内容，但取消选择并滚动显示全部内容

如何克服这个问题？简单的答案是值得欣赏的

问题示例：

选择选项后水平滚动

取消选择选项后水平滚动

编辑1：

实际上，成员是动态添加到HTML中的。我使用引导和JQuery框架

选择选项示例 管理员 测试1。testing@testingtesting.comExcessTextHidesOnSelecting 测试2。testing@testingtesting.comExcessTextHidesOnSelecting 测试3。testing@testingtesting.comExcessTextHidesOnSelecting 测试4。testing@testingtesting.comExcessTextHidesOnSelecting 测试5。testing@testingtesting.comExcessTextHidesOnSelecting 使降级 您可以尝试使用以下设置标记的样式：

option {display: table}

---

再看看文本溢出、换行和那些文本截断规则

你们能分享你们的代码吗，从图片上很难理解。@Bhansa补充道。但是水平滚动条没有出现。很抱歉@Naveen，即使在我的系统上执行后，我的浏览器中也没有出现任何问题或滚动条。@Bhansa:代码已重新修改。现在您可以看到问题发生了。请尝试CSS选项{display:table}