因為可以查明 PC 是否處于暗模式，所以我想知道是否可以查明用戶采用了哪種顏色方案，例如黃色、綠色、橙色、藍色、紫色、紫羅蘭色？因為我想構建一個根據配色方案集進行調整的網頁，所以最好是準確的顏色值。
或者，您也可以查看用戶代理樣式表（瀏覽器默認設定）。例如，safari定義了一些 CSS 變數，例如-apple-system-opaque-secondary-fillor -webkit-control-background。
有關這一切的更多資訊，有這篇很棒的文章
如果你需要在 CSS 中獲取這些顏色的值，你總是可以這樣修改：
function getRgbForColorName(name) {
const d = document.createElement("div")
d.style.color = name
document.body.appendChild(d)
const rgb = window.getComputedStyle(d).color
document.body.removeChild(d)
return rgb
}
console.log('Canvas:', getRgbForColorName('Canvas'))
console.log('Highlight:', getRgbForColorName('Highlight'))這樣做可能有更清潔的方法。這只是一個概念驗證。請參閱此答案：將顏色名稱轉換為十六進制代碼的 Javascript 函式。
在 MacOS 上，用戶可以設定的“顏色”是SelectedItemChrome 無法識別的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/474459.html
標籤：javascript html css 反应 浏览器
上一篇：如何更改音頻播放中的當前時間？
下一篇：顯示移動視圖時表單不起作用