2017-10-12 22 views
0

我想禁用文本省略號('...'在文本的結尾)/溢出包裝,以便能夠讀取select元素中的option元素的全文。目前文本正在被切斷,即使剩下很多空白。問題在於,我必須使用Greasemonkey來做到這一點(目前爲止沒有編寫任何代碼),只需在瀏覽器控制檯中編輯,直到找到正確的css選項。我已經嘗試過的東西:刪除文本省略號/文本溢出包裝在HTML選擇元素選項文本

  1. 將選項/選擇寬度更改爲「100%」。
  2. 改變選項/選擇行高到「正常」
  3. 改變選項/選擇填充到「0」
  4. 改變選項/選擇字體大小,以更小的東西。
  5. 設置選項/選擇文本溢出「夾子」
  6. 設置選項/選擇空白「正常」

    var menu = document.querySelector('select'); var option = document.querySelector('select option[value="neteng-deployment-agg-pod1-dub-primary"]');

我也附上圖片,以幫助解釋一下我的意思是:

enter image description here

回答

0

我的直覺,這是歸仁te瀏覽器默認特定,並且需要特定於瀏覽器的css hack才能更改此設置,您是否可以確認您的計算機上的所有瀏覽器中的這種行爲是否相同?

編輯:知識,在所有的瀏覽器是一樣的:

有一個很好的機會與替代使用普通的HTML標記帶鏡子的版本中選擇元素,一些花哨的jQuery的版本替換默認選擇元素可以解決這個問題

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

+0

在firefox(52.x)和chrome(5x - 61.x)上嘗試了這一點....同樣的事情。這不僅僅是我的瀏覽器。這是一個內部Web應用程序,並且在我所有同事的機器/瀏覽器上也是如此(我運行的是Windows 10,其他的運行着MAC OSX和Ubuntu)。 – lycan1385

+0

在這種情況下,它可能是一個決定,正在作出(在Mac和Windows顯然在操作系統級別), 我想說有一個很好的機會取代默認選擇元素與一些花哨的jQuery版本可能會解決它 https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ –

0

我不知道,但看起來像IE問題。
首先用Firefox和谷歌瀏覽器查看同一頁面。

+0

在firefox(52.x)和chrome(5x - 61.x)上試過這個... ....同樣的事情。這不僅僅是我的瀏覽器。這是一個內部Web應用程序,並且在我所有同事的機器/瀏覽器上也是如此(我運行的是Windows 10,其他的運行着MAC OSX和Ubuntu)。 – lycan1385

相關問題