2015-07-31 2 views
1

Есть ли способ стилизовать элемент <title> Page Title </title>? Например, изменив шрифт?
Я много искал, говорят, что это невозможно с помощью CSS.
Как насчет JS? Любой плагин jquery?styling title tag в заголовке css или js

ответ

2

Браузер позволяет JS давать динамическое поведение страницы, но изменение шрифта окна принадлежит ОС. Вкладка вместо этого управляется браузером, но она не взаимодействует со страницей.

+0

Поскольку я искал способ изменить шрифт ** title ** на вкладке браузера, ваш ответ лучше всего подходит для моего вопроса. Спасибо. – Saeed

1

Невозможно настроить стиль заголовка как отображаемый в панели вкладок браузера или в строке заголовка. Они не являются частью страницы.

Вы можете стиль the title element in the page, но вам нравится.

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

Ха, вы ответили на этот последний раз: P http://stackoverflow.com/questions/6649610/can-we-set-style-to-title-tag-in-header – Albzi

+0

Спасибо, Квентин за ответ. на самом деле код, который вы предоставили, не решает мою проблему. но это общий и информативный ответ. – Saeed

+0

@Sattar - Вы приняли ответ, который говорит то же самое, что и первый абзац этого ответа. Этот ответ также не решает вашу проблему? – Quentin

4

Это невозможно. Браузер не позволяет это делать. Возможно, вы можете немного ограничить ограничение использованием символов Unicode.

§ × Ì · ¨ 

Но это все.

-3

Здравствуйте, попробуйте.

$(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> 

Спасибо

+0

, хотя этот ответ может быть хорошим ответом, просто отправка кода без каких-либо объяснений не будет полезной – Mark