暗模式的粉絲

Thomas Steiner 的一個絕妙技巧！ Chrome 即將支持SVG 收藏夾圖標（例如：）。你可以在SVG 中使用

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <style>
    circle {
      fill: yellow;
      stroke: black;
      stroke-width: 3px;
    }
    @media (prefers-color-scheme: dark) {
      circle {
        fill: black;
        stroke: yellow;
      }
    }
  </style>
<code><circle cx="50" cy="50" r="40"></circle></code>Safari 也支持SVG，但方式有所不同……<p>你需要指定顏色，因此沒有機會實現深色模式。這有點令人驚訝，因為Apple 如此大力支持深色模式。我不知道他們是否計劃解決這個問題，或者有什麼計劃。</p></svg>

以上是暗模式的粉絲的詳細內容。更多資訊請關注PHP中文網其他相關文章！