為什麼固定寬度下拉選單會截斷 IE 中的內容，如何修復？

在IE 中固定寬度的下拉選單會截斷內容

在IE 中，選擇固定寬度的下拉式選單可能會在下列情況下截斷其項目的內容：該清單已擴大。出現此問題的原因是下拉清單的寬度受到限制，導致較寬的元素無法完全顯示。

下拉清單的CSS:

select.center_pull {
    width: 145px;
    /* Other CSS properties... */
}

問題背景:

IE6 和IE7 表現出此行為，而Firefox 則會調整下拉寬度以容納最長的項目。但是，要求是保持下拉式選單的固定寬度，同時允許較長的項目可見。

IE 8 及更高版本的解決方案：

對於IE 8 及更高版本，該問題可以使用CSS 解決：

select:focus {
    width: auto;
    position: relative;
}

透過套用此CSS，下拉式選單的寬度在獲得焦點。這允許清單項目擴展到固定寬度之外，確保完全可見。

舊版IE 版本的兼容性：

不幸的是，此解決方案不適用於IE 7和早期版本，因為它們不支援「:focus」選擇器。

以上是為什麼固定寬度下拉選單會截斷 IE 中的內容，如何修復？的詳細內容。更多資訊請關注PHP中文網其他相關文章！