Javascript 为什么是"；下拉列表“；a<；选择>；标签不受CSS 2D转换的影响？

在包含各种元素的

div上使用
transform:scale（…）
时，除
标记的“下拉”部分外，所有内容都会按预期进行缩放：


功能测试（）{
警报（“测试”）；
}
让contentDiv=document.getElementById（“contentDiv”）；
让scaleSlider=document.getElementById（“scaleSlider”）；
console.log（contentDiv）；
console.log（scaleSlider）；
scaleSlider.oninput=函数（）{
contentDiv.style=“变换：缩放（“+this.value+”）；
};

测试
一些文本




沃尔沃汽车
萨博
梅赛德斯
奥迪



咖啡
茶
牛奶

咖啡
茶
牛奶




在w3schools.com，您将学习如何创建网站。我们提供所有web开发技术的免费教程。
下拉选项由您的操作系统呈现，您无法将CSS属性应用于这些选项（一些浏览器支持两个简单的属性，如
字体重量
）。可以考虑使用类似于选择下拉菜单的第三方库，并将CSS样式应用于它们。
看看哪一个是自定义选择的好例子。
有关于操作系统渲染元素的文档吗？如果这是使用CSS 2D变换的一个细微差别，我想彻底调查我需要注意的边缘情况。这当然是错误的。下拉列表由浏览器呈现。Linux内核中没有“渲染下拉列表”。很抱歉，我用词不当。规格中未定义表单元素的UI设计，下拉列表的呈现方式由浏览器决定。如果您查看macOS（Safari/Firefox/Chrome）上的barebones select，它们的渲染一致，以匹配macOS的设计外观。类似的情况也适用于Windows和Linux。如果您绝对希望将CSS样式一致地应用于您的选择，那么编写自定义实现是您唯一的方法。这里有一篇好文章