0

ここの私のページの上部にあるオレンジ色の入力の検索ガラス アイコンがリンクとして表示されていないため、ポインターにカーソルを合わせても表示されません。

CSSは次のとおりです。

.searchGlass {
background-image: url(/images/searchicon.png);
background-position: left 1px;
background-color: rgba(0, 0, 0, 0);
display: block;
height: 18px;
position: relative;
top: -24px;
width: 15px;
background-repeat: no-repeat;
left: 7px;
}

.hideText {
text-indent: 125%;
white-space: nowrap;
overflow: hidden;
}

.submit {
margin: 1em 0 0 0;
width: 30px;
height: 30px;
text-transform:uppercase;
font-size:15px;
padding: 6px 13px;
cursor:pointer;
border-radius: 20px;
}

そしてhtml：

<div class="left"><input type="submit" class="submit hideText" value=""/><span class="searchGlass hideText">Go</span></div>

どうもありがとう。

4

3 に答える 3

1

ここから試してください：

<div class="left">
     <button class="submit"><span class="searchGlass hideText">Go</span></button>
</div>

およびCSS:

.searchGlass {
    background-color: transparent;
    background-image: url("/images/searchicon.png");
    background-position: left 1px;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    position: relative;
    width: 15px;
}
于 2013-05-12T11:10:28.643 に答える
0

いつでも JavaScript で送信できます。

<a href="#" onclick="submit();"><span class="searchGlass hideText">Go</span></a>

于 2013-05-12T11:13:46.157 に答える
-1

スパンのデフォルトの表示はインラインです。それをブロックに変更してから、必要な場所にフロートする必要があります。その後、幅と高さ
を CSS で試してみてください。

.hideText {
  text-indent: 125%;
  white-space: nowrap;
  overflow: hidden;
  width:50px; /* 50px is just assumed value, put yours */
  height:50px;
  display:block
  float:left;
}
于 2013-05-12T11:12:57.617 に答える