버튼을 누른후에도 버튼색을 유지하는 방법을 질문해봅니다.

버튼을 누른후에도 버튼색을 유지하는 방법을 질문해봅니다.

QA

버튼을 누른후에도 버튼색을 유지하는 방법을 질문해봅니다.

본문

질문 ) 버튼을 누르고, 페이지안에서 로드가 된후에도, 버튼색이 유지될수 있을까요?

 

상황 )  페이지에서 버튼을 누르면, 본문에 소개말등이 로드가 되게 하려고 하는 상황

 

 

 

저는 보통 버튼을 쓸때 css에서 대략적으로 아래와 같이 쓰거든요.

 

css--------------------------------------------------------

 

.button-title{   

    background-color: #fff;
    color: #333;
    width: 65px;
    text-align: center;
    text-decoration: none;

    border-radius: 5px;
    cursor: pointer;
    display: inline-block;

}


.button-title:hover{
    background-color: #000;   

    color:  #fff;
    outline: none;
}

--------------------------------------------------------

 

그리고 아래처럼 클래스에서 불러와서 써요

 <button class="button-title"> </button>

그러니깐..그동안은 기초적으로 간단히 호버기능으로만 써왔는데요.

 

누른후에도 색을 유지해보고 싶어서, focus를 해보는데.

페이지안에서 로드가 되어 내용을 불러오면 풀려버립니다.

 

어떤식으로 해야 페이지에 내용을 불러와도 바뀐 버튼색을 계속 유지할수가 있을까요? 

이 질문에 댓글 쓰기 :

답변 2

.act{
    background-color: #000;   

    color:  #fff;
    outline: none;
}

 

이런식으로 선택했을때 쓸 class 를  따로만들고

act 클래스를 추가해주는 형태로 하시면됩니다

선택했을때 쓸 class를 (button-title)이라고 따로 만들어서 하는데...
말씀하신건 after before 를 이용하라는 말씀이신지요~
제가 잘 이해를 못하고 있어서 질문드려요~~

엑스엠엘님 감사합니다~ 근데 그렇게는 안먹히네요.여전히 클릭된 순간만 색상이 잠시 바뀌다가 풀려버린다는 ㅠ.ㅠ 다른 방법을 찾아봐야겠어요

 

일반 css로는 힘들거 같고 스크립트에서 찾아봐야겠어요

검색하다보니..대다수 비슷한 증상들이 많이 있는거 같고 해결책은 거의다 스크립문으로 처리하는거 같네요

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT