2010-04-21 2 views
2

Я использую значение по умолчанию для jQueryUI, но похоже, что шрифт немного большой. Я знаю, что одним из решений было бы «ХОРОШО! ТОЛЬКО СДЕЛАТЬ МАЛЕНЬКОЕ!», Но мне просто интересно, что я что-то испортил или у меня нет правильного значения, прежде чем я начну менять и начать менять вещи.Шрифт для вкладок выглядит слишком большим

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 
</script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" type="text/css" media="all" /> 
<script type="text/javascript"> 
google.load("jqueryui", "1"); 
function OnLoadCallbackUI(){ 
    $('#tabs').tabs(); 
} 
google.setOnLoadCallback(OnLoadCallbackUI); 
</script> 
</head> 
<body> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab1</a></li> 
     <li><a href="#tabs-2">tab2</a></li> 
    </ul> 
    <div id="tabs-1"> 
     tabs-1 
    </div> 
    <div id="tabs-2"> 
     tabs-2 
    </div> 
</div> 
</body> 
</html> 

ответ

3

Демонстрационная страница включает в себя:

 body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} 
     .demoHeaders { margin-top: 2em; } 
     #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} 
     #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} 
     ul#icons {margin: 0; padding: 0;} 
     ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} 
     ul#icons span.ui-icon {float: left; margin: 0 4px;} 
3

Не изменяйте файл CSS jQuery. Вместо этого используйте свой собственный CSS, чтобы переопределить его по мере необходимости.

+0

Я думаю, мой вопрос: Почему это настолько большой, по умолчанию? Я имею в виду: никто не использует его как этот размер, не так ли? Может быть, я должен скачать шаблон от кого-то. –

Смежные вопросы