버튼을 누른후에도 버튼색을 유지하는 방법을 질문해봅니다.
본문
질문 ) 버튼을 누르고, 페이지안에서 로드가 된후에도, 버튼색이 유지될수 있을까요?
상황 ) 페이지에서 버튼을 누르면, 본문에 소개말등이 로드가 되게 하려고 하는 상황
저는 보통 버튼을 쓸때 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 클래스를 추가해주는 형태로 하시면됩니다
엑스엠엘님 감사합니다~ 근데 그렇게는 안먹히네요.여전히 클릭된 순간만 색상이 잠시 바뀌다가 풀려버린다는 ㅠ.ㅠ 다른 방법을 찾아봐야겠어요
일반 css로는 힘들거 같고 스크립트에서 찾아봐야겠어요
검색하다보니..대다수 비슷한 증상들이 많이 있는거 같고 해결책은 거의다 스크립문으로 처리하는거 같네요