仅在 -webkit 中定义宽度并更改 -webkit-appearance

Posted 2023-02-24

【中文标题】仅在 -webkit 中定义宽度并更改 -webkit-appearance

【英文标题】：Defining width in -webkit only and changing -webkit-appearance

【发布时间】：2012-07-06 15:00:37

【问题描述】：

如何只为 -webkit 设置宽度样式？无论我做什么，我所有的选择框都大约宽 16 像素。 Border-box 的效果为零，这真的很烦人。我什至尝试编造供应商前缀，希望违背常识，它会像 -webkit-width 一样工作。当然，结果不太好。

另外，如何仅使用 -webkit-appearance: none 获得箭头？不得不与圆角作斗争非常烦人，并且默认情况下 webkit 会为您提供额外的样式。唯一理智的浏览器是FF吗？

【问题讨论】：

线性渐变应该用向下的三角形来解决问题。

【参考方案1】：

所以对于宽度，我只是在输入后立即想到了解决方案。

@media only screen and (-webkit-min-device-pixel-ratio:0)  
    select  width: 25%; 

这仅针对 -webkit 浏览器，我应该已经知道了。

至于箭头……