채택완료

css 질문좀 드리겠습니다

2016-12-30 (금) 01:20:57 3,965

질문좀 드리겠습니다 

혹시 저기 파일선택부분 디자인은 어디서 해야하나요 ㅠㅠ?

인풋타임에 다 스타일을 줘도 안변하네요 

20427b66a598f3e1a60533473e2f3178_1483028404_5146.png
 

Copy
<?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>        <tr>             <td>                <input type="file"  name="bf_file[]" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" style="width:100%;height:35px;background: #fff;border:1px solid #dfdfdf;">                <?php if ($is_file_content) { ?>                <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="frm_file frm_input" size="50" >                <?php } ?>                <?php if($w == 'u' && $file[$i]['file']) { ?>                <input  type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label  for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>                <?php } ?>            </td>        </tr>        <?php } ?>
|

답변 3개

채택된 답변
+20 포인트

기본적으로 첨부파일에 대한 디자인은 웹브라우저(IE, 크롬, 파폭)마다 조금씩 다르게 구성이 되어 있습니다.

그리고, basic 게시판의 경우는 <input type="file"> 태그 부분에 class="frm_file frm_input" 가 존재하고요.

이 class 부분을 추가한 다음에,

사용하고 있는 게시판 스킨의 style.css 파일에서

/* 쓰기 테이블 */ 부분에

#bo_w .tbl_frm01 .frm_file frm_input 부분을 추가해서 원하는 스타일을 지정해 주시면 됩니다.

해당 input은 port 님 말씀대로

웹브라우저 마다 조금씩 다르게 구성되어 있는데..

스타일 잘못 추가 하시면

클릭 이벤트가 발생하지 않을 수 도 있습니다.

꼭 테스트 해보세요!

theme/basic/css/default.css에서  frm_file 클래스와 frm_input 클래스 에서 지정해보세요

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