테스트 사이트 - 개발 중인 베타 버전입니다

outlogin CSS 관련 질문입니다 채택완료

푸로마마 11년 전 조회 5,342
loginbox.jpg
 
 
기본 아웃로그인 스킨을 가지고 로긴박스를 만들고 있는데요.
흰 부분은 배경 이미지에 붙어있는 거고 그 위에 CSS를 수정해서 디자인을 지워 투명하게 만든 아이디와 패스워드 입력박스를 얹어놓은 형태입니다.
 
 
아이디랑 패스워드 입력박스에 배경 컬러 CSS가 수정이 안되길래 각각 required class="required" 부여된걸 지웠더니 CSS가 수정되더라구요. 얘는 왜 설정되어 있는 건가요? 빼도 문제 없나요?
 
 
그리고 CSS에서 두개를 동일하게 height 값을 줬는데 패스워드 부분만 height값을 안먹네요. 계속 길이가 저렇게 고정인데 이건 왜 그런걸까요? 
 
마지막으로 저 입력박스에 포커스가 잡혔을때 테두리 나오는거도 없애려면 CSS 어디를 변경해야 하나요?
 
 
 
별것없는 뷰 디자인인데 초짜한테는 어렵네요 ㅠㅠ 도움을 좀 부탁드립니다.
한 주를 마무리하는 금요일입니다. 좋은 하루 되세요!
댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
11년 전
파일 하단 스크립트에 width 값 주는 부분이 있는데 그것도 수정을 해보세요
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

푸로마마
11년 전
$omp.css('display','inline-block').css('width',163);

이 부분에서 수정하는거였군요 ㅎ 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

d
11년 전
outline:0; 을 주시면 없어집니다.
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

11년 전
input 쪽 class='name' 이 있다면 name 부분을 css쪽에서 찾아서 width:100px;height:30; 등으로 설정하시거나
input type='text' name='name' style='width:100px;height:30px;' 등으로 수정하시면 될거 같습니다.
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

f
11년 전
아... 클릭하면 보이는 테두리 말이군요.
감기약님 말씀처럼 크기를 동일하게 하면 되었던 것 같은데... 기억이...;;;
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

11년 전
저 테두리는 아마 크롬에서만 나올겁니다.
지울수 없는것으로 알고 있으며 크기를 배경박스와 동일하게 만드시면 그래도좀 보기 괜찮습니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

푸로마마
11년 전
네 저도 방금 크로스브라우징 확인해보니 크롬에서만 나오는 거였더라구요 ^^;;
근데 저 패스워드 박스 크기가 변경이 안되는게 문제입니다 ㅠㅠ
아이디쪽은 width값대로 잘만 변경되는데 왜 이런지...;;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인