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

Question

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

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

<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]

Answer 1

更改您的css类，如下所示

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