버튼을 누른후에도 버튼색을 유지하는 방법을 질문해봅니다. 채택완료
질문 ) 버튼을 누르고, 페이지안에서 로드가 된후에도, 버튼색이 유지될수 있을까요?
상황 ) 페이지에서 버튼을 누르면, 본문에 소개말등이 로드가 되게 하려고 하는 상황
저는 보통 버튼을 쓸때 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 클래스를 추가해주는 형태로 하시면됩니다
답변에 대한 댓글 2개
이런 식으로 하면 되지 않을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
말씀하신건 after before 를 이용하라는 말씀이신지요~
제가 잘 이해를 못하고 있어서 질문드려요~~