검색 버튼 돋보기 모양이 안보입니다.
본문
사이트내 전체검색의 버튼에 돋보기모양 아이콘이 안보이면 어떻게 해야할까요?
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> 요거 넣으면 될거 같아요...