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

标签 html select css

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

此外,如何仅使用 -webkit-appearance: none 获得箭头?必须消除圆 Angular 是非常烦人的,并且默认情况下 webkit 会为您提供额外的样式。唯一健全的浏览器是FF吗?

最佳答案

所以对于宽度,我在输入这个后立即想到了解决方案。

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

它只针对 -webkit 浏览器,我早该知道这一点。

那么对于箭头...

关于html - 仅在 -webkit 中定义宽度并更改 -webkit-appearance,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11364724/

相关文章:

css - 在列中嵌套图像

php - 将 LESS 用于 WordPress 主题选项

javascript - 简单的 jQuery 交替显示/隐藏 div

javascript - JQuery 弹跳是不是跳错了地方?

javascript - 使用集合过滤事件

Selenium WebDriver - 从隐藏选择中获取选项

mysql - 我想获得每个类别中访问量最大的文章(4 个类别)

html - WCAG 错误 : broken rule regarding label for email input (What am I missing?)

html - 如何在 css 中设置这些按钮的样式?

mysql - SELECT ... PROCEDURE procedure_name 的作用是什么?