【问题标题】:Input type "color"?输入类型“颜色”?
【发布时间】:2012-01-10 10:08:56
【问题描述】:

我检查了一些来自 HTML5 的输入类型,我发现输入类型颜色的 chrome 支持不起作用。我的 chrome 版本是 15.0.874.121,w3schools site 表示从版本 12 开始就支持它:

我的问题是:为什么这对我不起作用?是不是 Chrome 对 HTML5 支持的回归?

【问题讨论】:

  • @Leon:不过,在这种情况下,他们并没有谈论标准——他们有一个表格,标题为“浏览器支持”,声称 Chrome 12 支持<input type="color">

标签: html google-chrome input colors


【解决方案1】:

<input type="color" /> 目前正在开发中,尚未实现。

见:

http://code.google.com/p/chromium/issues/detail?id=83865

http://code.google.com/p/chromium/issues/detail?id=82635

【讨论】:

    【解决方案2】:

    w3school 不是官方文档。它有很多错误。但在这种情况下,它是部分正确的。看看这个网站http://w3fools.com/

    只要支持输入类型颜色,请检查此

    以下浏览器现在支持颜色小部件

    火狐29

    Opera 桌面 11

    Chrome 桌面 20:

    Android 4.4 / Chrome 移动版:

    Opera 移动版:

    黑莓:

    火狐操作系统 1.3

    Firefox 操作系统现在支持颜色输入,但我仍然没有屏幕截图

    此链接/信息现已过时

    http://www.reddit.com/r/browsers/comments/is1q9/does_chrome_safari_and_firefox_support_input/

    Chrome 12: partial (minimal element support: yes, custom ui: no, value sanitization: no, field validation: yes)     
    Safari 5.0.1: partial(minimal element support: yes, custom ui: no, value sanitization: no,field validation: yes)     
    Opera 11.50: partial (minimal element support: yes, custom ui: yes, value sanitization: yes, field validation: no)    
    IE 9: No
    Firefox 5: No 
    

    如果你想要你可以使用这个http://www.eyecon.ro/colorpicker/

    【讨论】:

      【解决方案3】:

      我有用于测试的独立版 Chrome(请参阅 http://www.oldapps.com/google_chrome.php),但 Chrome 12、13 或 15 似乎都不支持 <input type="color"> — 它们都只显示一个文本字段。 (与显示颜色选择器的 Opera 11 不同。)

      链接到@WebDeveloper’s answer 的 Reddit 文章说 html5test.com 报告 Chrome 12 支持<input type="color"> 上的字段验证。这是真的 - html5test.com 确实报告了 Chrome 12(而不是 Chrome 15),但我不确定这实际上意味着什么。

      【讨论】:

      • 这意味着 chrome 已经取消了对错误的支持。请参阅 6.0 中的 chrome 支持验证,但 7.0(至 9)中的验证支持在 10.0 中被禁用并重新启用
      • 啊,是的——我不确定在这种情况下对验证的支持意味着什么。它是否允许我们检查该字段的值实际上是一种颜色?如果有,怎么做?
      • 我指的是html5验证
      • 现在 chrome 23 支持它
      • @PaulD.Waite - 我很确定 Google 删除了对字段卫生的支持,因为像 Modernizr 这样的库使用卫生作为支持字段类型的标记(而 Google 并不真正支持该字段类型)。请参阅modernizr.com/docs 了解更多信息。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-04-18
      • 1970-01-01
      • 2017-06-26
      • 2016-09-19
      • 2021-08-21
      • 2015-07-03
      • 2015-12-23
      相关资源
      最近更新 更多