버튼 색상이 변하지 않는 이유
본문
모바일 버전으로 헤드부분에 버튼을 만들었는데
버튼의 색은 변경 시켰는데 텍스트 색상이 변하질 않습니다...
처음에 변했는데 갑자기 검정색으로 고정이 되어버린 상태라서...
f12로 보고 mobile.css에서 변경하니 다른 부분들도 색이 모두 바뀌는 상태라서...
head.php와 mobile.css에서 a 부분을 변경하니 다른것도 색이 바뀌어버리는...ㅠ
어디가 문제인지 찾기가 힘드네요..
아래가 수정한 부분인데
이거 변경하니 다른 버튼들도 바뀌는것 같긴한데....
a.btn,.btn {background-color:#3a8afd; display: inline-block; line-height:15px;width:90px;height:25px;padding:5px 5px; text-align:center;font-weight:bold;border:0;font-size:1.0em;font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',arial,sans-serif; ;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}
답변 5
1.
button 속에 a태그를 뭐하러 넣나요?
a태그 빼고 onclick를 사용해보세요
button onclick="location.href=~~~~
2. class를 다음처럼 해보세요
.btn-toolbar button a{ color:#FFF;}
답변 감사드립니다. 아직 잘 모르다보니 이것저것 넣어보고 비교해보고 하는중이에요ㅎㅎ
원하시는 요소에 별도의 클래스 지정 후, 해당 클래스에 대해서 글자색 스타일 지정해 보세요.
답변 감사합니다.
개인 적인 생각으로는 텍스트의 색상을 지정하지 않은것 같습니다
다음을 참고해서 적용해 보시는건 어떨까 합니다.
a.btn, .btn {
background-color: #3a8afd;
color: #ffffff; /* 텍스트 색상을 여기에 추가하세요 */
display: inline-block;
line-height: 15px;
width: 90px;
height: 25px;
padding: 5px 5px;
text-align: center;
font-weight: bold;
border: 0;
font-size: 1.0em;
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', arial, sans-serif;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
지정했다가 안들어가서 일단 지우고 올렸습니다ㅎㅎ 답변 감사합니다.
.btn > a {color: red}
추가
답변 감사드립니다.^^
mobile.css 의 20라인에
a {color:#000;text-decoration:none}
이거를
a {text-decoration:none}
이렇게 color를 지워보세요.....
넵 시도해보겠습니다. 답변 감사합니다!!
