ocean-faq skin의 style.css 에서
#kboard-ocean-faq-list .kboard-search select { display: inline-block; margin: 0; padding: 5px 2px; width: 50px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; vertical-align: middle; box-shadow: none; }
#kboard-ocean-faq-list .kboard-search input { display: inline-block; margin: 0; padding: 6px 2px; width: 50px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; line-height: 12px; vertical-align: middle; box-shadow: none; }
위 코드를 보면 input의 width 값을 조절하면 그대로 적용이 되는데 select는 width 값을 아무리 조정해도 변하지 않습니다. 즉 위 값처럼 둘 다 50px로 해보면 input창은 줄어들었는데 select창은 그대로 입니다.
정확하게는 select의 width 값을 350, 450 등 기본 값보다 크게하면 커지는데 80, 100 등 기본 사이즈 보다 작게는 변하지 않네요. 확인 부탁드립니다.
스킨의 문제는 아닙니다.
CSS 같은 경우는 바로 적용돼야 정상입니다. 하지만 적용되지 않는군요.
그렇다면 테마쪽에 select 스타일 속성이 적용되어 있을 수 있습니다. (그외 플러그인이나 다른 스크립트 등등)
브라우저 개발자도구(F12키)로 확인해보세요.
페이지 주소 알려주시면 접속해서 봐보겠습니다 ㅎㅎ
http://www.dpros.com/faq/ 입니다.
확인 부탁드립니다.
역시 테마에서 min-width: 245px; 속성이 적용되어 있군요.
#kboard-ocean-faq-list .kboard-search select 에다가
width 값과 똑같이 min-width 속성을 추가해주세요.
감사합니다.