검색 버튼 돋보기 모양이 안보입니다.

검색 버튼 돋보기 모양이 안보입니다.

QA

검색 버튼 돋보기 모양이 안보입니다.

본문

사이트내 전체검색의 버튼에 돋보기모양 아이콘이 안보이면 어떻게 해야할까요?

 

css도 기본인데 돋보기 아이콘이 안보여요.

 

css 소스입니다.

 

.hd_sch_wr {float:right;padding:30px 0;width:470px;margin-left:65px;margin-top: 35px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden; }
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#eeeeee;border:0;border-right:0;font-size:1.25em;color:#666666}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#eeeeee;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

 

기본 소스 입니다.

 

<div class="hd_sch_wr">
            <fieldset id="hd_sch">
                <legend>사이트 내 전체검색</legend>
                <form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
                <input type="hidden" name="sfl" value="wr_subject||wr_content">
                <input type="hidden" name="sop" value="and">
                <label for="sch_stx" class="sound_only">검색어 필수</label>
                <input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="검색어를 입력해주세요">
                <button type="submit" id="sch_submit" value="검색"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
                </form>

                <script>
                function fsearchbox_submit(f)
                {
                    var stx = f.stx.value.trim();
                    if (stx.length < 2) {
                        alert("검색어는 두글자 이상 입력하십시오.");
                        f.stx.select();
                        f.stx.focus();
                        return false;
                    }

                    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
                    var cnt = 0;
                    for (var i = 0; i < stx.length; i++) {
                        if (stx.charAt(i) == ' ')
                            cnt++;
                    }

                    if (cnt > 1) {
                        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
                        f.stx.select();
                        f.stx.focus();
                        return false;
                    }
                    f.stx.value = stx;

                    return true;
                }
                </script>
            </fieldset>

</div>

이 질문에 댓글 쓰기 :

답변 1

<i class="fa fa-search" aria-hidden="true"></i>

어썸폰트 연결됐나요???

https://fontawesome.com/v4/icon/search

어썸폰트 연결하거나.. 

 

개인적으론 xeicon이 사용이 편해서... 

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">

이거 넣고.. 

<i class="fa fa-search" aria-hidden="true"></i>   이거 지우고..

 <i class="xi-search" aria-hidden="true"></i>    요거 넣으면 될거 같아요...

 

 

 

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT