首頁 > web前端 > css教學 > 主體

如何修復 IE 中固定寬度選擇下拉式選單中被截斷的內容?

DDD
發布: 2024-11-25 17:20:13
原創
138 人瀏覽過

How Can I Fix Truncated Content in Fixed-Width Select Dropdowns in IE?

在IE 中選擇具有固定寬度截斷內容的下拉清單

當呈現具有固定寬度的選擇下拉清單時,某些項目可能會超出指定值寬度,導致內容被截斷。雖然 Firefox 會調整下拉式選單寬度以適應最長的元素,但 IE6 和 IE7 會限制下拉式選單寬度,從而導致閱讀較長的項目變得困難。

要在IE 中專門解決此問題:

  1. 對於IE8 使用:focus: CSS

    select:focus {
     width: auto;
     position: relative;
    }
    登入後複製

    注意

    注意:如果選擇框位於固定寬度的容器內,請確保設定位置屬性。
  2. 瀏覽器相容性(IE7及以下)
  3. :不幸的是,IE7及以下版本不支援:focus選擇器。這些瀏覽器可能需要替代解決方案。

以上是如何修復 IE 中固定寬度選擇下拉式選單中被截斷的內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板