javascript - 为什么“下拉”部分是<select>标签不受 CSS 2D 变换的影响？在包含各种元素的 div 上使用 transform: scale(...) 时，除了 <select> 标记的“下拉”部分之外，所有内容都按预期缩放： function test() { alert("test") ; } 让 contentDiv = document.getElementById("contentDiv"); 让 scaleSlider = document.getElementById("scale

首页 > 解决方案 > 为什么“下拉”部分是标签不受 CSS 2D 变换的影响？在包含各种元素的 div 上使用 transform: scale(...) 时，除了 <select> 标记的“下拉”部分之外，所有内容都按预期缩放： function test() { alert("test") ; } 让 contentDiv = document.getElementById("contentDiv"); 让 scaleSlider = document.getElementById("scale

问题描述

标签： javascripthtmlcss

解决方案

下拉选项由您的操作系统呈现，您不能将 CSS 属性应用于它们（font-weight某些浏览器支持一些琐碎的属性）。您可以考虑使用类似于选择下拉菜单的第三方库并将 CSS 样式应用于它们。

查看Select2，这是自定义选择的一个很好的例子。

问题描述

解决方案

推荐阅读