如何在文本框的右侧显示图像而不是左侧

Question

我有一个asp文本框，我想把图像放在里面，通过下面的样式表我可以将图像放在文本框中，但它放在左侧。

问题：如何在右侧显示图像？

.watermark
 {
 background-image: url('/Images/bt_dropdown.png') ;
 background-repeat: no-repeat;

 vertical-align: middle;
 background-color: white;
}

<asp:TextBox ID="txtCombo" runat="server" ReadOnly="true" Width="200" Font-Size="X-Small" CssClass="watermark"></asp:TextBox>

Answer 1

在CSS中将是：

background-position:right;

这看起来像是一个可用性问题。如果你要让教科书看起来像下拉/组合框，那么用户会期望它的行为就像一个组合框（比如，能够点击箭头并选择一些东西）。您是要实现某种JavaScript还是可点击的功能？如果它将成为标准文本框，我建议避免与其他控件/输入类型混淆。

Answer 2

试试这个：

.username
{  
   background: #FFFFFF url(../Icon/username.png) no-repeat right;
   padding-right: 18px;
   border:1px solid #ccc;
}