html - 选项 txt 是覆盖谷歌浏览器上选择的下拉箭头

标签 html css google-chrome select

我在 chrome 上选择时遇到一个奇怪的问题。我想添加渐变背景并且我做到了,但我现在的问题是如何选择不覆盖我的选择箭头。 也许如果我使用 pointer-events:auto; ??? 如果有人可以提供帮助,我将不胜感激。 Tkank 的。

fiddle : http://jsfiddle.net/thirtydot/DCjYA/361/

最佳答案

尝试:

-webkit-padding-end: 10px;

这将解决您的问题。

关于html - 选项 txt 是覆盖谷歌浏览器上选择的下拉箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9314351/

相关文章:

javascript - 两个选择选项 - 不需要验证和隐藏选项

php - 在 php 中附加文件并插入数据库

html - 如何在 css 代码中应用 BDI 标签?

javascript - 绕过 Chrome 中的 CORS 问题

Angular 无法在 Chrome 中运行

javascript - 通过具有http auth的ajax获取外部网页的特定部分

javascript - PHP 从下拉列表中获取文本

jquery - 根据条件为值添加颜色样式

jquery - 使用 JQuery Datepicker(具有重复 ID 的元素)

google-chrome - Google Chrome 开发者工具已停止将输出和错误记录到控制台?