顶部of my page here的橙色输入中的搜索玻璃图标未显示为链接,因此将鼠标悬停在指针上时不会显示。可能会有任何想法吗?

这是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>


非常感谢。

最佳答案

从这里尝试:

<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;
}

关于html - 输入范围未显示为链接,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16506700/

10-11 23:25
查看更多