要自定 css 下拉列表，您可以选择下列特性：scrollbar-width：设定总宽。scrollbar-color：设定轨道和轨颜色。scrollbar-gutter：设定轨道和下拉列表之间的缝隙。scrollbar-track：订制轨道外型。scrollbar-thumb：订制轨外观。

怎样自定 CSS 下拉列表

难题：怎样自定 CSS 下拉列表？

回应：

要自定 CSS 下拉列表，您可以选择下列 CSS 特性：

马上学习培训“前面完全免费学习心得（深层次）”；

滚动条样式特性

• scrollbar-width：设定下拉列表宽度
• scrollbar-color：设定下拉列表轨道和路轨颜色

下拉列表路轨款式特性

• scrollbar-gutter：设定轨道和下拉列表之间的缝隙
• scrollbar-track：设定轨道外型（比如色调、环境、黑影）

下拉列表轨款式特性

• scrollbar-thumb：设定轨外观（比如色调、环境、黑影）

实例

下列 CSS 编码将创建一个自定义的下拉列表，其轨为浅灰，轨为蓝色：

/* 滚动条宽度 */
scrollbar-width: thin;

/* 下拉列表路轨色调 */
scrollbar-gutter: 3px;
scrollbar-track: #f2f2f2;

/* 下拉列表轨色调 */
scrollbar-thumb: #007bff;

进行表述

• scrollbar-width 特性特定下拉列表宽度。您可以选择 thin、medium 和 thick 等关键词，或指定准确的图像像素。
• scrollbar-color 特性设定轨道和路轨颜色。您可以指定两个颜色（第一个用以路轨，第二个用以轨），或者使用颜色名称（比如 blue 或 red）。
• scrollbar-gutter 特性设定轨道和下拉列表之间的缝隙。它能够防止下拉列表轨道中发生具体内容。
• scrollbar-track 特性订制轨道外型。大家可以设置颜色、环境和阴影。
• scrollbar-thumb 特性订制轨外观。大家可以设置颜色、环境和阴影。

留意：

• 并不是主流浏览器也支持同样的 CSS 下拉列表特性。请在你的总体目标浏览器中检测你的编码以保证兼容模式。
• 下拉列表外观很有可能在于软件的主题风格。

以上就是关于css下拉列表如何设置的详细内容，大量欢迎关注php中文网站其他类似文章！