Question

有没有办法设置<title> Page Title </title>元素的样式？例如更改它的字体？
我搜索了很多，他们说用CSS不可能 JS怎么样？任何jquery插件？

Answer 1

这是不可能的。浏览器不允许这样做。也许你可以使用unicode字符来推动限制。

<p>

但这就是全部。

Answer 2

浏览器允许JS为页面提供动态行为，但更改窗口的字体属于操作系统。该选项卡由浏览器控制，但不与页面进行交互。

Answer 3

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

您可以随意设置the title element in the page样式。

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

Answer 4

你好试试吧。

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

请你解释一下它更像是想要使用它，因为它自动显示无，如果你告诉我在哪里使用它，那么我提供完整的帮助，并尝试这段代码。

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在头部造型标题标签

4 个答案: