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

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

QA

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

답변 1

본문

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

 

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>    요거 넣으면 될거 같아요...

 

 

 

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #css ×
전체 2,053
© SIRSOFT
현재 페이지 제일 처음으로