outlogin CSS 관련 질문입니다
본문
기본 아웃로그인 스킨을 가지고 로긴박스를 만들고 있는데요.
흰 부분은 배경 이미지에 붙어있는 거고 그 위에 CSS를 수정해서 디자인을 지워 투명하게 만든 아이디와 패스워드 입력박스를 얹어놓은 형태입니다.
아이디랑 패스워드 입력박스에 배경 컬러 CSS가 수정이 안되길래 각각 required class="required" 부여된걸 지웠더니 CSS가 수정되더라구요. 얘는 왜 설정되어 있는 건가요? 빼도 문제 없나요?
그리고 CSS에서 두개를 동일하게 height 값을 줬는데 패스워드 부분만 height값을 안먹네요. 계속 길이가 저렇게 고정인데 이건 왜 그런걸까요?
마지막으로 저 입력박스에 포커스가 잡혔을때 테두리 나오는거도 없애려면 CSS 어디를 변경해야 하나요?
별것없는 뷰 디자인인데 초짜한테는 어렵네요 ㅠㅠ 도움을 좀 부탁드립니다.
한 주를 마무리하는 금요일입니다. 좋은 하루 되세요!
답변 5
파일 하단 스크립트에 width 값 주는 부분이 있는데 그것도 수정을 해보세요
$omp.css('display','inline-block').css('width',163);
이 부분에서 수정하는거였군요 ㅎ 감사합니다!
저 테두리는 아마 크롬에서만 나올겁니다.
지울수 없는것으로 알고 있으며 크기를 배경박스와 동일하게 만드시면 그래도좀 보기 괜찮습니다.
네 저도 방금 크로스브라우징 확인해보니 크롬에서만 나오는 거였더라구요 ^^;;
근데 저 패스워드 박스 크기가 변경이 안되는게 문제입니다 ㅠㅠ
아이디쪽은 width값대로 잘만 변경되는데 왜 이런지...;;;
아... 클릭하면 보이는 테두리 말이군요.
감기약님 말씀처럼 크기를 동일하게 하면 되었던 것 같은데... 기억이...;;;
input 쪽 class='name' 이 있다면 name 부분을 css쪽에서 찾아서 width:100px;height:30; 등으로 설정하시거나
input type='text' name='name' style='width:100px;height:30px;' 등으로 수정하시면 될거 같습니다.
outline:0; 을 주시면 없어집니다.
답변을 작성하시기 전에 로그인 해주세요.
