适用于所有属性的 CSS3 attr() 函数

- UNOFF

虽然 attr() 对于 content 属性在所有浏览器中都得到有效支持,但 CSS 值和单位第 5 级增加了在任何 CSS 属性上使用 attr() 的能力,并将其用于非字符串值(例如数字、颜色)。

Chrome

  1. 4 - 123: 不支持
  2. 124: 不支持
  3. 125 - 127: 不支持

Edge

  1. 12 - 123: 不支持
  2. 124: 不支持

Safari

  1. 3.1 - 17.3: 不支持
  2. 17.4: 不支持
  3. 17.5 - TP: 不支持

Firefox

  1. 2 - 124: 不支持
  2. 125: 不支持
  3. 126 - 128: 不支持

Opera

  1. 9 - 108: 不支持
  2. 109: 不支持

IE

  1. 5.5 - 10: 不支持
  2. 11: 不支持

Chrome for Android

  1. 124: 不支持

Safari on iOS

  1. 3.2 - 17.3: 不支持
  2. 17.4: 不支持
  3. 17.5: 不支持

Samsung Internet

  1. 4 - 23: 不支持
  2. 24: 不支持

Opera Mini

  1. all: 不支持

Opera Mobile

  1. 10 - 12.1: 不支持
  2. 80: 不支持

UC Browser for Android

  1. 15.5: 不支持

Android 浏览器

  1. 2.1 - 4.4.4: 不支持
  2. 124: 不支持

Firefox for Android

  1. 125: 不支持

QQ 浏览器

  1. 14.9: 不支持

百度浏览器

  1. 13.52: 不支持

KaiOS 浏览器

  1. 2.5: 不支持
  2. 3: 不支持

请参阅 生成内容 表格,了解 content 属性的 attr() 的支持情况。

资源
Chromium 问题 #246571:实现 CSS3 属性/attr 引用
WebKit Bug #26609:支持 CSS3 attr() 函数
Mozilla Bug #435426:实现 `attr()` 的 css3-values 扩展
MDN Web Docs - CSS attr