Question

Доброго времени суток! Надеюсь я правильно описал свой вопрос в оглавлении, но суть проблемы вот в чем: добавил я скрипт на выплывающее меню, встало все как надо, но никак не выходит поменять цвет букв они рыжие.. нашел в коде в CSS такую строчку:

a,input {outline:none;}
a {color:#e4513a;text-decoration:none;}
a,input {outline:none;}

Но никак не могу поменять цвет, я уже и новые стили задавал, но никак не выходит, помогите пожалуйста

сам скрипт:

script type="text/javascript"
 src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>

<style type="text/css">
.spoiler_body {
 display:none;
 cursor:pointer;
 float:left;
 width:220px;
 background-color:#EEEEEE;
 text-align:left;
 position:absolute;
 z-index:99;}
.spoiler_body a {padding:0px 10px;}
.spoiler_links {
 float:left;
 margin:10px 5px;
 width:220px;
 line-height:1.5;
 text-align:center;}
</style>

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
 $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
 $(this).children('div.spoiler_body').slideUp('normal');
 });
});
</script>

СОДЕРЖИМОЕ

<div class="spoiler_links"><a href="script.php"><b>Скрипты</b></a>
 <div class="spoiler_body">
 <a href="collapsing_menu.php">Вертикальное меню</a><br>
 <a href="reflection_image.php">Добавление отражения</a><br>
 <a href="serial_output_img.php">Последовательный вывод</a><br>
 <a href="highlight_table_jquery.php">Подсветка строк в таблице</a>
 </div>
</div>

<div class="spoiler_links"><a href="useful_site.php"><b>Сервисы</b></a>
 <div class="spoiler_body">
 <a href="goqr_me.php">Создание QR кодов</a><br>
 <a href="csscompressor.php">Сжатие CSS кода</a><br>
 <a href="javascriptcompressor.php">Сжатие JavaScript кода</a>
 </div>
</div>

Answer 1

Добавьте в стили:

.spoiler_links a {color:blue;} /* цвет пунктов меню Скрипты и Сервисы*/
.spoiler_body a {color:blue;} /*Цвет ссылок в выпадающем меню*/
.spoiler_body a:hover {color:green;} /*Цвет ссылок в выпадающем меню при наведении*/

цвета blue и geen можете изменить на нужный вам цвет подобрав код цвета - http://www.color-hex.com/

Comments

Спасибо вам огромное!