如何将样式应用于 HTML <title> 元素？

Question

我的问题很简单，我只想知道有什么方法可以将 CSS 样式应用到 HTML 元素。像下面的声明：

title{
      color: red;
      font-family: 'Roboto', sans-serif;
}

Answer 1

不，无法为此元素设置样式，因为它由浏览器和用户控制。查看页面时，您唯一可以对标题做的就是更改它，但保持在同一页面上：

function changeTitle() {
  document.title = "Title Changed!";
  document.getElementById('test').innerHTML = "Title has been changed!";
}

<button onclick="changeTitle()">Click Me!</button>

<p id="test"></p>

<p>View source to see the effect!</p>

抱歉缺少 <title> 样式，但事实就是如此。也许在 CSS4，他们可能会改变它。但是，我对此表示怀疑。

Answer 2

你不能！但是你可以将样式应用到浏览器的 header:

<meta name="theme-color" content="#999999" />

How to apply style to the HTML <title> element?