如何在不重复的文本框中制作图像

Question

我将图像应用于文本框，如下所示

<asp:TextBox ID="TextBox1" runat="server" Style="background-image: url('Popup(Images)/Solved.png');"
        BorderStyle="None"  />

这给出了以下结果

我尝试了应用不重复但图像没有显示。谁能帮我。为什么我使用文本框是唯一的控件，当其属性设置为disabled时灰显，或者任何人知道如何使显示图像灰显image button给我解决方案

Answer 1

input.textbox
{
   background-image: url('Popup(Images)/Solved.png');
   background-repeat:no-repeat;
}

<asp:TextBox ID="TextBox1" runat="server" CssClass="textbox" BorderStyle="None"  />

Answer 2

你可以这样做

<asp:TextBox ID="TextBox1" runat="server" Style="background: #ffffff url('Popup(Images)/Solved.png') no-repeat center center;" BorderStyle="None"  /> 

使用速记属性时，属性值的顺序为：

• 背景颜色
• 背景图像
• 背景重复
• 背景附件
• 背景位置

Answer 3

  

或者如果有任何人知道如何使显示图像灰显图像按钮给我解决方案

您可以将自定义样式用于已禁用的输入类型，如以下示例所示：http://jsfiddle.net/964dL/4/

Answer 4

以文本框的样式提供background-repeat属性

background-repeat:no-repeat;

Answer 5

style="background: #fff url(images/solved.png) no-repeat 0px 5px;"