删除HTML选择元素选项文本中的文本省略号/文本溢出换行

时间:2017-10-12 14:05:06

标签: javascript html css

我正在尝试禁用文本省略号(文本末尾的'...')/ overflow-wrap,以便能够读取{{1}中option元素的全文元素。即使剩下足够的空白,文本也会被切断。问题是我必须使用Greasemonkey(到目前为止没有编写任何代码),只需在浏览器控制台中编辑,直到找到正确的css选项。到目前为止我尝试过的事情:

  1. 将选项/选择宽度更改为“100%”。
  2. 更改选项/选择line-height为“normal”
  3. 将选项/选择填充更改为“0”
  4. 更改选项/选择字体大小更小。
  5. 设置选项/选择文本溢出为“剪辑”
  6. 设置选项/选择空格为“正常”

    select

  7. 我还会附上一张图片来帮助解释我的意思:

    enter image description here

2 个答案:

答案 0 :(得分:0)

我的直觉是这是特定于浏览器的默认设置,并且需要特定于浏览器的css hacks才能更改此功能,您是否可以确认这是否与您计算机上的所有浏览器中的行为相同?

编辑:所有浏览器都具有相同的知识:

有一个很好的机会用一些花哨的jquery版本替换默认的select元素,用版本的html标记用镜像版本替换select元素可以解决它

https://sitepoint.com/13-jquery-selectboxdrop-down-plugins

答案 1 :(得分:0)

我不确定但看起来像IE问题 首先使用Firefox和谷歌浏览器检查同一页面。