無法在 WordPress 的表單中看到 select 字段上的下拉箭頭

Question

我遇到了 CSS 樣式的問題，我已經苦苦掙扎了兩天，無法解決。

請查看我網站的此注冊頁面。 在底部，您會看到一個安全問題（實際上在下拉列表中）：

該片段的 HTML 在這里：

<select name="seq_ques[]" class="input" style="font-size:14px; height:35px;">
    <option value="16">What is the scripture citation on title page of the song book?</option> 
</select>

如您所見，下拉箭頭不可見。 我可以在瀏覽器中執行此操作，並且可以看到箭頭：

因此，我嘗試通過我的 Wordpress 網站的自定義代碼部分添加該樣式：

select[name="seq_ques[]"] {
    background: none;
}

我不知道如何關閉該設置。 如果我輸入一個顏色值，那么整個 select 框都會填充顏色。 所以我很困惑。

Answer 1

為了實現你想要的，你可以：

A - 更正/刪除導致問題的 css

這就是 wp-content/plugins/hoot-customcode/style.css 的第 50 行

select[name="seq_ques[]"], input[name="seq_ans[]"] {
    width: 100%;
    background: #f9f9f9;
}

應該

select[name="seq_ques[]"], input[name="seq_ans[]"] {
    width: 100%;
    background-color: #f9f9f9;
}

B - 覆蓋導致問題的 css

如果您無法修改導致問題的 css 文件，則可以覆蓋違規規則。

html select[name="seq_ques[]"], html input[name="seq_ans[]"] {
    width: 100%;
    background-color: #f9f9f9;
}

上面的這個選擇器比導致問題的選擇器具有更高的優先級，並且會在背景中有#f9f9f9顏色的同時留下箭頭。 如果您不想要那種顏色，您也可以更改為您想要的任何顏色，例如#ffffff表示白色。