這個問題在這里已經有了答案: 如何僅將特定的 CSS 規則應用于 Chrome? (13 個回答) 8 天前關閉。
我正在做一個網站。我想在打開 Chrome 瀏覽器時隱藏一個元素,但是在 Firefox 中打開它時該元素不會隱藏。簡而言之,我只需要更改displayCSS 中的屬性即可在不同的瀏覽器中隱藏或取消隱藏元素。
uj5u.com熱心網友回復:
有幾種方法可以做到這一點。
一種方法是使用針對特定瀏覽器的媒體查詢。使用起來很尷尬,我不確定所有瀏覽器都有媒體查詢,在這里你可以閱讀更多關于它的資訊
例子:
/* on Chrome version 29 and above */ @media screen and (-webkit-min-device-pixel-ratio:0 and (min-resolution:.001dpcm) { .my-class { background-color: red; } }另一種可能性是讓您找到使用的帶有 JS 的瀏覽器(可以在這里閱讀),然后將某種類或屬性添加到您的元素或主體本身。然后,您可以根據需要使用它來設定元素的樣式
例子:
const isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime); if (isChrome) { document.body.setAttribute('os', 'chrome'); }然后在你的 CSS 上
body[os="chrome"] .your-class { background-color: blue; }
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/517887.html
上一篇:Python:抓取作業門戶網站
下一篇:使用列的分類值洗掉R中的索引
