将搜索图像移动到文本框的右侧?

时间:2016-03-03 17:35:25

标签: css asp.net textbox

我正在尝试在文本框的右侧放置一个搜索图标。但我只能在左边显示它。

有什么想法吗?另外,为什么文本框的左侧边线比另外两边的颜色更暗?这不是我试图调整大小的图像并且仍然是相同的。

<asp:TextBox ID="txt_Coords" runat="server" AutoPostBack="true" CssClass="searchIcon"/>

.searchIcon {background-image: url('/Images/HeaderSpriteSheet.png'); background-color: transparent; background-repeat: no-repeat; display: inline; float: left;  width: 32px; height: 32px; background-position: 0px -384px; }[![enter image description here][1]][1]

1 个答案:

答案 0 :(得分:0)

更改您的css类,如下所示

.searchIcon {
    background-image: url('/Images/HeaderSpriteSheet.png'); 
    background-color: transparent; 
    background-repeat: no-repeat;       
    width: 32px; 
    height: 32px; 
    background-position: right center; 
}