使用 css 或 js 在头部设置样式标题标签

Question

有什么方法可以设置 <title> Page Title </title> 元素的样式吗？例如改变它的字体？
我搜索了很多，他们说 CSS.
不可能 JS呢？任何 jquery 插件？

Answer 1

绝对无法调整浏览器标签栏或标题栏中呈现的标题样式。它们不是页面的一部分。

您可以根据自己的喜好设置 the title element in the page 样式。

head { display: block; }
title { display: block; font-size: 1.75em; }

Answer 2

浏览器允许JS赋予页面动态行为，但是改变字体window属于OS。该选项卡由浏览器控制，但不与页面交互。

Answer 3

这是不可能的。浏览器不允许这样做。或许您可以使用 unicode 字符稍微突破一下限制。

§ × Ì · ¨

但仅此而已。

Answer 4

你好试试。

$( document ).ready(function() {
               $('title').css('font-size',24+'px');
               $('title').css('display','block');
        });

你能不能解释一下，比如想在哪里使用它，因为它会自动显示none，如果你告诉我想在哪里使用它，那么我会提供全面的帮助，也试试这个代码。

CSS

title {
    display: block !important;
    color: #f00;
    font-size: 20px;
    padding: 14px;
}

完整代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
title {
    display: block !important;
    color: #f00;
    font-size: 20px;
    padding: 14px;
}
.screen {
  margin-left: 30%;
  margin-top: 20%;
  width: 190px;
  overflow: hidden;
  height: 100%;
  border: 2px solid #000;
 }
 .content {
   width: 168px;
   height: 300px;
   padding: 5px 10px 5px 5px;
 }
 .screen::-webkit-scrollbar {
   display: none;
 }
 .content:hover{ overflow-x:scroll;}
</style>
</head>

<body>
<div class="screen">
<p class="content">Pellentesque habitant morbi
  tristique senectus et netus
  et malesuada fames ac turpis
  egestas. Vestibulum tortor quam,
  feugiat vitae, ultricies eget,
  tempor sit amet, ante. Donec eu
  libero sit amet quam egestas semper.
  Aenean ultricies mi vitae est. Mauris
  placerat eleifend leo. Aenean ultricies
  mi vitae est. Mauris placerat eleifend leo
  Pellentesque habitant morbi
    tristique senectus et netus
    et malesuada fames ac turpis
    egestas. Vestibulum tortor quam,
    feugiat vitae, ultricies eget,
    tempor sit amet, ante. Donec eu
    libero sit amet quam egestas semper.
    Aenean ultricies mi vitae est. Mauris
    placerat eleifend leo. Aenean ultricies
    mi vitae est. Mauris placerat eleifend leo
    Pellentesque habitant morbi
      tristique senectus et netus
      et malesuada fames ac turpis
      egestas. Vestibulum tortor quam,
      feugiat vitae, ultricies eget,
      tempor sit amet, ante. Donec eu
      libero sit amet quam egestas semper.
      Aenean ultricies mi vitae est. Mauris
      placerat eleifend leo. Aenean ultricies
      mi vitae est. Mauris placerat eleifend leo
</p>
</div>
</body>
</html>

谢谢

使用 css 或 js 在头部设置样式标题标签

styling title tag in the head with css or js

javascript

css

page-title