我正在使用 display: none; 在樣式表中隱藏了一些表單域。當用戶單擊可見的 First Name 或 Last Name 欄位時，其余欄位將使用 JavaScript getElementById 顯示塊。
一切正常，除了向下箭頭仍然從選擇元素中顯示，當它應該與其他所有東西一起隱藏時。我試過CSS：
select {
appearance: none;
}
但這沒有用。問題的下圖和測驗頁面的鏈接：
uj5u.com熱心網友回復：
選擇父 div 內有一個 :before psedo-element。這是箭頭而不是選擇。
uj5u.com熱心網友回復：
應該可以設定
.elementor-select-wrapper::before { display: none }
uj5u.com熱心網友回復：
您有三個主要選擇：
CSS
i) display: none;
ii) visibility: hidden;
HTML
iii) hidden
作業示例：
select.b {
display: none;
}
select.c {
visibility: hidden;
}<select class="a">
<option>Option A1</option>
<option>Option A2</option>
<option>Option A3</option>
<option>Option A4</option>
<option>Option A5</option>
</select>
<select class="b">
<option>Option B1</option>
<option>Option B2</option>
<option>Option B3</option>
<option>Option B4</option>
<option>Option B5</option>
</select>
<select class="c">
<option>Option C1</option>
<option>Option C2</option>
<option>Option C3</option>
<option>Option C4</option>
<option>Option C5</option>
</select>
<select class="d" hidden>
<option>Option D1</option>
<option>Option D2</option>
<option>Option D3</option>
<option>Option D4</option>
<option>Option D5</option>
</select>延伸閱讀：
- https://developer.mozilla.org/en-US/docs/Web/CSS/display
- https://developer.mozilla.org/en-US/docs/Web/CSS/visibility
- https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/425177.html
標籤：javascript css 形式 选择 下拉式菜单
上一篇：如何回圈servlet中的值并將它們顯示在它們的表中？
下一篇：如何停止表單提交？