當我調整瀏覽器大小時，自定義下拉列表工作不正常

Question

請任何人幫助我。 當我調整瀏覽器大小時，崩潰下拉列表的后部會顯示我不想要的內容（問題1.png）。 我希望當我調整瀏覽器的大小時，下拉菜單中的backpart會被隱藏到下拉列表中。

當懸停時，列表項沒有顯示，我想在懸停狀態下顯示圖像。（問題2png）

問題實時鏈接：！[在此輸入圖像描述] [1] http://tb.taslimk.tk/

另一個問題：）

Answer 1

看起來“style4.css”使用多個媒體查詢來更改“FILTER BY INTEREST”元素的大小（.cd-dropdown）。 這是一個例子：

@media (min-width: 768px) and (max-width: 979px) {
    .cd-dropdown > span {
            font-size: 12px;
            line-height: 4.2em;
    }
    .cd-dropdown ul li span {
        font-size: 12px;
    }
    .cd-dropdown, .cd-select {
        width: 220px;
    }
}

而全屏寬度.cd-dropdown的寬度我認為是300px。

我認為問題是，只要媒體查詢負責，列表元素（ul，li）（.cd-dropdown的子節點）也不會改變寬度。

我認為.cd-dropdown下面的ul只有100％的寬度設置：

.cd-dropdown ul {
    position: absolute;
    top: 0;
    width: 100%;
}

也許如果你將ul的寬度改為與每個媒體查詢塊中的.cd-dropdown相同的px寬度，那么這可以解決你的問題（這個bug似乎圍繞着ul的寬度設置為100％）。

Answer 2

它有點hacky，但是一種處理這種方法而不必修改核心下拉庫的方法是添加以下css規則來覆蓋由庫設置的內聯樣式。

.cd-dropdown ul li {
    width: 100% !important;
    left: 0 !important;
}