Как сделать изображение в текстовом поле без повтора

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

или если кто-нибудь, имеющий представление о том, как затенить кнопку изображения с отображаемым изображением, даст мне такое решение

Вы можете использовать собственный стиль для отключенного типа ввода, как показано в следующем примере: http://jsfiddle.net/964dL/4/

Answer 3

Вы можете сделать это так

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

При использовании сокращенного свойства порядок значений свойств:

• цвет фона
• Фоновое изображение
• фон-повторить
• фон-вложение
• фон положение

Answer 4

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

Answer 5

свойство background-repeat в стиле вашего текстового поля

background-repeat:no-repeat;