将CSS应用于.NET ImageButton

问题描述

| 我有以下CSS可以应用于HTML输入标签。

#headerSearch
{
    width: 265px;
}

#headerSearch .text
{
    width: 215px;
}

#headerSearch #searchButton
{
    background: url(../images/searchButton.png) no-repeat 0 0;
    width: 36px;
    border: 1px solid #ccc;
    margin: 0;
}

#headerSearch #searchButton:hover
{
    background: url(../images/searchButton.png) no-repeat 0 -28px;
}

以及我应用它的HTML ...

<div id=\"headerSearch\" class=\"float\">
  <input id=\"txtSearch\" class=\"text left\" type=\"text\" />
  <input id=\"searchButton\" class=\"submit right\" type=\"submit\" value=\"\" />
</div>

效果很好。 但是，我想使用ImageButton控件而不是input标签，因为我希望ImageButton的页面提交行为（当您单击它并引发click事件等时发生），但是我不确定该怎么做关于将CSS与ImageButton混合使用。我尝试了一些简单的事情

<asp:ImageButton ID=\"ibtnSrch\" runat=\"server\" CssClass=\"searchBtn\" onclick=\"ibtnSrch_Click\" AlternateText=\"Search\" />

但是会出现图像显示在其顶部白框（默认图像缺少图标）中带有红色X的情况。 因此，更简洁地说，如何将优雅的CSS与.NET ImageButton混合使用？     

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）