IOS Chrome 选择框宽度问题

Posted

技术标签:

【中文标题】IOS Chrome 选择框宽度问题【英文标题】:IOS Chrome select box width issue 【发布时间】:2017-04-05 05:46:03 【问题描述】:

在 Iphone 6s Plus/ios 的 chrome 和 safari 上输入日期类型并选择框不选择其样式。

.account_form .form .form-control 
    background: rgba(255,255,255,0.3) !important;
    border: 0;
    border-radius: 0 !important;
    color: yellow;
    font-weight: bold;
    padding-left: 50px;

【问题讨论】:

请发布minimal reproducible example 预期和实际输出 【参考方案1】:

请尝试添加:

-moz-appearance: none;
-webkit-appearance: none;
appearance: none;

【讨论】:

以上是关于IOS Chrome 选择框宽度问题的主要内容,如果未能解决你的问题,请参考以下文章

如何摆脱 Chrome/Safari 上的文本框选择突出显示? [复制]

如何从用于使用 Selenium 填写表单的 chrome 自动填充框中选择值

如何将 CSS 应用到 Mac Chrome 选择框?

IE:输入字段的占位符影响选择框的宽度

IOS Ipad mini中的选择框选择问题

Java POI导出Excel不弹框选择下载路径(下载文件不选择下载路径,默认) Chrome