게시판 분류 카테고리 select 선택 배경색상 바꾸고 싶어요.
본문
현재 게시판 카테고리 입니다.
==========================================================
<aside class="list-category<?php echo (G5_IS_MOBILE) ? ' list-category-mobile' : '';?>">
<div class="tabs div-tab<?php echo $category_tabs;?> hidden-xs" >
<ul class="nav nav-tabs<?php echo ($boset['ctype'] == "1") ? ' nav-justified' : '';?><?php echo ($cate_w) ? ' text-center' :'';?>" style="border-left:var(--border);">
<li<?php echo (!$sca) ? ' class="active"' : '';?><?php echo $cate_w;?>>
<a href="./board.php?bo_table=<?php echo $bo_table;?>" >
<div class="class_down">
전체<?php if(!$sca) echo '('.number_format($total_count).')';?>
</div>
</a>
</li>
<?php for ($i=0; $i < $ca_cnt; $i++) { ?>
<li<?php echo ($categories[$i] === $sca) ? ' class="active"' : '';?><?php echo $cate_w;?>>
<a href="./board.php?bo_table=<?php echo $bo_table;?>&sca=<?php echo urlencode($categories[$i]);?>">
<div class="class_down">
<?php echo $categories[$i];?> <!--갯수제거<?php if($categories[$i] === $sca) echo '('.number_format().')';?>--></div>
</a>
</li>
<?php } ?>
</ul>
</div>
<div class="dropdown visible-xs">
<a id="categoryLabel" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-gray" >
<?php echo ($sca) ? $sca : '전체 카테고리';?> <i class="fa fa-arrow-circle-down"></i> (<?php echo number_format($total_count);?>)
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="categoryLabel">
<div class="class_font">
<li<?php if(!$sca) echo ' class="selected"';?>>
<a href="./board.php?bo_table=<?php echo $bo_table;?>">전체</a>
</li></div>
<?php for ($i=0; $i < $ca_cnt; $i++) { ?>
<div class="class_font">
<li<?php if($categories[$i] === $sca) echo ' class="selected"';?>>
<a href="./board.php?bo_table=<?php echo $bo_table;?>&sca=<?php echo urlencode($categories[$i]);?>"><?php echo $categories[$i];?></a>
</li>
</div>
<?php } ?>
</ul>
</div>
</aside>
===============================================================
ㄴ해당 카테고리 php 소스이구요.
/* Category */
.list-category .tabs { margin-bottom:20px;}
.list-category .dropdown { margin-bottom:20px; }
.list-category a {height: 60px; font-family: 'Noto Sans KR'; border:var(--border) !important; color:var(--text-color2) !important; background-color: var(--book-color) !important;}
.list-category .text {line-height: 10px; }
.list-category .active a, .list-category .selected a { color:#316cc2; font-weight:normal !important;}
===============================================================
ㄴ 스타일 css 입니다.
선택 되는 부분 배경색상을 초록색으로 바꾸고 싶은데요.
a태그 물려 있는데 css에서 그냥 백그라운드로 지정하면 안되더라구요.
방법점 부탁드립니다.
.list-category .active a, .list-category .selected a <--- 여기는 안되더라구요.ㅠ
css 정확한 경로를 못찾겠어요 ~.~