Google News css

a

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        Google News css
// @description a
// @match       https://www.google.com/search?*tbm=nws*
// @run-at      document-start
// @version 0.0.1.20250930175253
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==

(function () {
  const css = `
  :root {
    color-scheme: light dark !important;
  }

  * {
    color: revert !important;
    background-color: revert !important;
}

  .UFQ0Gb {
      column-gap: 0 !important;
    }

    .lSfe4c {
      flex-direction: column-reverse !important;
    }

    .r5bEn .gpjNTe {
      margin: 0 !important;
    }

    .gpjNTe {
      display: block !important;
    }

    .SoAPf {
      max-width: 290px !important;
      width: 100% !important;
    }

    .SoAPf .n0jPhd,
    .SoAPf .GI74Re {
      display: block !important;
      -webkit-line-clamp: unset !important;
      -webkit-box-orient: unset !important;
      overflow: visible !important;
      text-overflow: unset !important;
      white-space: normal !important;
    }
    `;
  const style = document.createElement('style');
  style.textContent = css;
  document.head.appendChild(style);
})();