我正在使用 CSS 來隱藏表單元素：
#main_form #form-field-email, #form-field-realtor_select { display: none;}
#main_form .elementor-select-wrapper::before { display: none; }
然后用 JavaScript 向它們展示：
document.getElementById("form-field-first_name").onclick = function(){
document.getElementById('form-field-email').style.display = 'block';
document.getElementById('form-field-realtor_select').style.display = 'block';
.elementor-select-wrapper::before問題在于隱藏選擇元素中的向下箭頭所需的偽元素。我需要使用 JavaScript onclick 事件來顯示箭頭。我試過document.getElementsByClassName()了，但沒有奏效。
您可以在此處查看測驗頁：測驗頁。單擊名字或姓氏以顯示欄位（比上面列出的更多），您會看到向下箭頭是來自選擇元素的任務。
uj5u.com熱心網友回復：
因此，不可能直接選擇偽元素，但您可以創建一組如下所示的 CSS 樣式，這將::before使用父級上的“toggleable”類更改元素：
#main_form .elementor-select-wrapper::before {
display: none;
}
#main_form .elementor-select-wrapper.show-chevron::before {
display: block;
}
當您將.show-chevron類添加（或洗掉）到 時.elementor-select-wrapper，它應該切換::before元素。
document.getElementsByClassName('elementor-select-wrapper')[0].classList.add('show-chevron')
讓我知道這個是否奏效！如果沒有，我可以再看看
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/426145.html
標籤：javascript css dom 伪元素 索姆