Подсветка синтаксиса с черной горизонтальной полосой прокрутки для Blogger

У меня есть блог, в котором используется плагин Syntax Highlighter. Я добавил плагин в шапку темы HTML.

Это следующий скрипт плагина:

<!-- Syntax Highlighter Additions START -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushColdFusion.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushErlang.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> 

<script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
</script>
<!-- Syntax Highlighter Additions END -->

Как видно выше, я использую тему по умолчанию (shThemeDefault.css), которая имеет яркий цвет. Но когда я помещаю его в одно из своих сообщений в блоге, почему горизонтальная полоса прокрутки становится черной? Это не соответствовало моей яркой теме блога. Я не возражаю против появившейся полосы прокрутки, потому что она меняет свой размер в соответствии с содержимым моего блога. Но проблема в черном цвете, который должен иметь яркие цвета, потому что я использую тему по умолчанию.

Это сценарий, который я использую, чтобы выделить в своем сообщении в блоге:

<pre class="brush:xhtml">
<script src='http://code.jquery.com/jquery-1.10.1.min.js'></script>
</pre>

И это появление черной горизонтальной полосы прокрутки. введите описание изображения здесь


javascript html css blogger syntaxhighlighter
person wahyueka31    schedule 08.01.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Хорошо, думаю, я только что обнаружил, что у меня нет проблем с плагином Syntax Highlighter. Черный цвет полосы прокрутки появляется из-за моей собственной пользовательской темы блога. Я пытаюсь найти ключевое слово "прокрутка" в теме своего блога, и я его нашел.

Это источник, который я нашел в своей теме блога:

::-webkit-scrollbar {
height:12px;
background: #474747;}
::-webkit-scrollbar-thumb {
background-color: #000;
}

Я просто меняю цвет выше, и проблема решается.

person wahyueka31    schedule 08.01.2014