CSS 或 jQuery 可以自訂選擇框樣式嗎？

自訂選擇框的樣式

問題：是否可以使用 CSS 或 jQuery 自訂選擇框的樣式？

答案：是的，可以使用 CSS 自訂選擇框的樣式或 jQuery。

使用jQuery 的過程：

• 將選擇框轉換為有序列表(
  ) 及其列出項目的選項().
• 將CSS樣式應用到列表項目以實現所需的效果

使用jQuery 外掛程式的範例：

• 使用以下外掛程式：https://gist .github.com/ 1139558（目前不可用）。
• 使用 jQuery 在選擇框上呼叫插件，例如，$('#myselectbox').selectbox();.

插件的 CSS樣式：

• 自訂透過將CSS樣式套用到外掛程式的元素來外觀，如下所示範例：

  div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  div.selectbox-wrapper ul li.selected {
  background-color: #EAF2FB;
  }
  div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
  }
  div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  }

  登入後複製

以上是CSS 或 jQuery 可以自訂選擇框樣式嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！