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

【问题标题】：Defining width in -webkit only and changing -webkit-appearance仅在 -webkit 中定义宽度并更改 -webkit-appearance
【发布时间】：2012-07-06 15:00:37
【问题描述】：

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

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

【问题讨论】：

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

标签： html select css

【解决方案1】：

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

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

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

至于箭头……

【讨论】：