问题标签 [webkit-appearance]

用户代理内容：

我需要覆盖类似-webkit-appearance: select.

你能改变箭头的颜色吗（菜单）。我无法更改它的颜色，有人可以帮助我吗？

HTML

CSS

我无法在网上找到答案，因为人们要么删除所有内容，要么什么都不删除。

我想以一种没有箭头的方式选择下拉菜单，但在您浏览选项菜单后仍保留滚动条。我试图通过 CSS 中的外观来做到这一点：

但是，以下结果会导致所有内容都被删除，包括滚动条。有什么建议么？

我知道这听起来很有线。目前我有多个复选框，我想让它看起来像单选按钮

遵循 CSS 在 IE 中不起作用

给定一个基本的 HTML 模板和 CSS 样式，我看到两个不同的元素反应完全不同。

如果你在浏览器中打开它，你会看到，在加载时，div 已经有 100px 的高度/宽度，但复选框在 2 秒内从 0px 增长到 100px 的高度/宽度。

为什么 的input行为与 的不同div？是因为输入具有默认值-webkit-appearance，因此可以在它们之间进行转换吗？

font-weight当您在 a selectin上使用非默认值时，文本似乎会被截断Google Chrome。

http://jsbin.com/wediwoqara/1/edit?html,css,输出

CSS：

HTML

Google Chrome版本：

• Version 53.0.2785.143 (64-bit)上OS X (10.11.4)
• Version 54.0.2840.59 (64-bit)上OS X (10.11.4)

据我所知，这是一个错误？如果有任何我没有看到的解决方案，我会很感兴趣。

问题截图

你如何改变 -webkit-appearance -moz-window-button-close 的颜色？正如您在图像中看到的那样，它是蓝色的，我希望能够将颜色更改为文本框其余部分使用的棕色。

我已经设置了背景颜色、颜色和超链接样式，但都没有影响文本框右侧的 X 图标。

我已经搜索了很多，但我没有找到解决方案，也许我只是没有使用正确的关键字。

很感谢任何形式的帮助。

尽管MSDN和MDN声明 IE11 似乎根本不支持webkit-appearance。当尝试将-webkit-appearance任何声称支持的值 ( none, button, textfield) 设置为任何元素时，它不会影响元素。

例如，这段代码可以在除 IE 之外的任何浏览器中运行：

如果有帮助，我正在运行 Windows 10 Pro x64。

更新

编辑了MDN页面上的相应部分以反映BoltClock 的答案。

经过大约 3 到 4 小时的独立搜索后，这里真正需要帮助。我正在建立一个网站，我必须更改按钮的高度，以便 iphone/ipad 用户获得正确的样式。搜索后，人们似乎将我指向 -webkit-appearance 值，我试图以绝对没有运气的方式暗示它们。我有一个代码笔（https://codepen.io/osa10928/pen/awrmRG），这也是一个问题，所以你们可以查看该代码并尝试在那里解决问题，希望我可以将你们的暗示带到我的另一个项目（我无权分享我的其他项目代码）

查看codepen，您会看到#start-button 和#strict-button 按钮不会改变iphone（或者我认为是ipad，我没有要检查的）的高度。我已经尝试了几件事，比如在按钮标签上包括 -webkit-apperance: none ，在 css 中的个人 id 上。我已经包括：

一切都无济于事。拜托，有人可以告诉我正确的-webkit-appearance：无，还是其他可以让我为iphone用户更改按钮高度的东西？

更新将按钮转换为 div 并将样式重新设置为按钮是最佳选择。如果有人确实有工作，我很想听听。谢谢大家！

所以 Apple/Safari 有自己的 CSS 用于各种元素，如<select>或<button>标签。

我可以通过使用来解决这个问题，-webkit-appearance:none;但对于我来说，<select>这也删除了我想保留的小下拉箭头。

有没有办法解决这个问题来删除其他额外的样式但保留箭头，或者以跨浏览器一致的方式替换箭头？