버튼 색상이 변하지 않는 이유 채택완료
모바일 버전으로 헤드부분에 버튼을 만들었는데
버튼의 색은 변경 시켰는데 텍스트 색상이 변하질 않습니다...
처음에 변했는데 갑자기 검정색으로 고정이 되어버린 상태라서...
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;}
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
mobile.css 의 20라인에
a {color:#000;text-decoration:none}
이거를
a {text-decoration:none}
이렇게 color를 지워보세요.....
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
개인 적인 생각으로는 텍스트의 색상을 지정하지 않은것 같습니다
다음을 참고해서 적용해 보시는건 어떨까 합니다.
</p>
<p>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;
}답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인