이 회전 배너의 컨트롤 모양을 변경하는 방법

Question

이 회전 배너의 컨트롤 모양을 변경하고 싶습니다. 그들은 현재 단지 회색입니다 (그리고 현재/선택된 것은 검은 색입니다). 점들을 회색 윤곽선으로 흰색으로하고 싶습니다 (그리고 선택된/현재 회색 윤곽선은 오렌지색으로되어 있어야합니다).

다음은 CSS의 (I 선택기는 생각 : .rslides_tabs가) : 당신이 나를 도와 더 이상 코드가 필요한 경우

.rslides_container 
{ 
    position: relative; 
} 

.rslides 
{ 
    position: relative; 
    list-style: none; 
    overflow: hidden; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
} 

    .rslides li 
    { 
     position: absolute; 
     display: none; 
     width: 100%; 
     left: 0; 
     top: 0; 
    } 

    .rslides li:first-child 
    { 
     position: relative; 
     display: block; 
     float: left; 
    } 

     .rslides img 
     { 
      display: block; 
      height: auto; 
      float: left; 
      width: 100%; 
      max-width: 100%; 
      border: 0; 
     } 

    .rslides_tabs 
    { 
     margin-top: 10px; 
     text-align: center; 
    } 

     .rslides_tabs li 
     { 
      display: inline; 
      float: none; 
      _float: left; 
      *float: left; 
      margin-right: 5px; 
     } 

      .rslides_tabs a 
      { 
       text-indent: -9999px; 
       overflow: hidden; 
       -webkit-border-radius: 15px; 
       -moz-border-radius: 15px; 
       border-radius: 15px; 
       -webkit-background-clip: padding-box; 
       background: #ccc; 
       display: inline-block; 
       _display: block; 
       *display: block; 
       -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); 
       -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); 
       box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); 
       width: 9px; 
       height: 9px; 
      } 

      .rslides_tabs .rslides_here a 
      { 
       background: #222; 
      } 

    .rslides_nav 
    { 
     position: absolute; 
     -webkit-tap-highlight-color: #000; 
     top: 50%; 
     left: 0; 
     -webkit-opacity: 0.7; 
     -moz-opacity: 0.7; 
     -o-opacity: 0.7; 
     filter: alpha(opacity=70); 
     opacity: 0.7; 
     text-indent: -9999px; 
     overflow: hidden; 
     text-decoration: none; 
     height: 61px; 
     width: 38px; 
     background: transparent url('../images/responsiveslides.gif') no-repeat left top; 
     margin-top: -45px; 
    } 

    .rslides_nav:active, 
    .rslides_nav:hover 
    { 
     -webkit-opacity: 1; 
     -moz-opacity: 1; 
     -o-opacity: 1; 
     filter: alpha(opacity=100); 
     opacity: 1; 
    } 

    .rslides_nav.next 
    { 
     left: auto; 
     background-position: right top; 
     right: 0; 
    } 

알려 주시기 바랍니다. 현재

.rslides_tabs a 

가 선택되지 않은 점의 값을 가지고있는 곳

Answer 1

.rslides_tabs .rslides_here a 

는 하나입니다.

원하는 배경색으로 변경하십시오.

Answer 2

.rslides_tabs a { 
    background-color:red; 
    border: 1px solid grey; 
//here goes your style 
} 

.rslides_tabs .rslides_here a { 
    //here goes your style for the selected one 
}