DIV鉻CSS樣式忽略溢出隱藏

enter image description here 我有一個寬度爲200px和溢出設置爲隱藏的div。在Firefox中，Safari瀏覽器& IE選擇服從樣式規則並正確顯示。但是，在chrome中，select元素不遵循規則集並在div上流動。DIV鉻CSS樣式忽略溢出隱藏

這個問題是與選擇元素的背景屬性。

2012-11-27 johnflah

歡迎計算器！請提供一些圖片（上傳到圖片服務，有編輯特權的人會將它們添加到您的帖子中）來說明您的問題。一旦問題得到解決，鏈接將不再用於理解問題。 – Spontifixus

我想你可能已經在你的問題不正確描述的問題。

看起來您正在嘗試爲select元素創建自定義下拉箭頭。 select元素是您設置的正確寬度，並且該溢出被div隱藏。但是，在Chrome中，select的白色背景涵蓋了您的自定義箭頭，並且不會受到您的background: transparent !important;聲明的影響。

要解決這個問題，使您的自定義箭頭顯示出來，你只需要如下補充-webkit-appearance: none;：

.selectContainer select { 
    background: transparent !important; 
    cursor: pointer; 
    -webkit-appearance: none; /* add this */ 
}

2012-11-28 00:18:56 tw16

謝謝tw16！那完美的工作！謝謝你的幫助。 – johnflah

SELECT已知的行爲是這樣的。它比操作系統中的控件更像HTML中的元素（單選按鈕和複選框）。你所能做的就是對寬度進行硬編碼以防止其溢出。

2012-11-27 18:37:32

除了Diodeus答案，您在此元素上指定的最小寬度爲220px。

這樣做：

width:100%; 
min-width:0;

2012-11-27 18:57:41 Adam

不幸的是，我試圖實現在圖像後面隱藏下拉箭頭的效果。 – johnflah

回答