0

当我使用 type=image of input name =searchsel_list 时，我得到的图像显示正确，但我没有得到想要在单击该搜索时显示的结果，所以我更改了它的 type=submit 所以我得到了结果但是现在图像没有显示

<div id="tabr"><form id="quick-search" action="csearch.php?epage=csearch"  method="post" >
<p>
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="tsearch" placeholder="Search Selected Candidate" title="Type name and hit ENTER" />
<input type="submit" class="btn" alt="Search" name="searchsel_list" title="Search"  />
</p>
</form></div>

CSS

 #tabr form#quick-search {
    padding: 0; margin: 30px 0 0 30px;
    width: 270px; height: 33px;
    background: #fff url(../images/header-search.gif) no-repeat;
    border: none;   
}
#tabr form#quick-search p {
    margin: 0; padding: 0;      
    border: none;
}
#tabr form#quick-search input {
    border: none;
    background: transparent;
    color: #BABABA;
    margin: 0; padding: 5px;
    font-size: .9em;    
    float: left;        
}
#tabr form#quick-search .tbox {
    margin: 6px 0 0 5px;
    width: 220px;   
    display: inline;    
}
#tabr form#quick-search .btn{
    width: 24px; height: 24px;      
    margin: 5px 0 0 0;  padding: 0; 
}
#tabr form#quick-search label {
    display: none;
}

我试过了，但即使这样也行不通

<button type="submit" class="btn" alt="Search" name="searchsel_list" title="Search"><img src="images/header-search.gif" /></button>

我怎样才能再次显示图像，谢谢

4

1 回答 1

1

我看到你只为它自己的表单指定了一个背景，没有为提交指定一个背景，向它添加另一个类

示例：

<input type="submit" class="btn quickSubmit" name="searchsel_list" title="Search"  />

CSS

.quickSubmit {
    background-image: url(path/to/your/image);
        background-position:  0px 0px;
        background-repeat: no-repeat;
        width: add image width;
        height: add image height;
        border: 0px;
        text-indent: -9999px; /* this is to hide the submit buttons text */
}

编辑：

抱歉，现在我btn也看到您的班级，要么将其删除并用我的示例替换它，要么使用btn上面的示例更改您的班级状态

于 2013-01-23T09:50:50.570 回答