How can I make image in text box with no-repeat

Question

I am applying an image to a text box as follows

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

This is giving the following result

enter image description here

I tried it applying no-repeat but the image is not getting displayed. can any one help me. Why I am using Text box is the only control which gray out when its property set to disabled or if any one having any idea how to gray out image button with displaying image give me that solution

use background-repeat:no-repeat – Amritpal Singh Mar 20 '12 at 11:42 — Amritpal Singh, Mar 20 '12 at 11:42

score 3 · Accepted Answer · answered Mar 20 '12 at 11:44

3

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

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

answered Mar 20 '12 at 11:44

Curtis

101,612
66
270
352

Alex Mendez · Answer 2 · 2012-03-20T11:48:33.510

2

You can do it like this

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

When using the shorthand property the order of the property values are:

background-color
background-image
background-repeat
background-attachment
background-position

edited Mar 20 '12 at 11:48

answered Mar 20 '12 at 11:42

Alex Mendez

5,120
1
25
23

Image not getting displayed if i do like this – Developer Mar 20 '12 at 11:44
What is the Popup(...)? I think you want url(Images/Solved.png). – Alex Mendez Mar 20 '12 at 11:50
That's the folder which holds images – Developer Mar 20 '12 at 11:51
Your folder is named Popop(Images) or just Images? – Alex Mendez Mar 20 '12 at 11:52
`Popop(Images)` is my folder name – Developer Mar 20 '12 at 11:53

Jesse van Assen · Answer 3 · 2012-03-20T11:52:19.470

2

or if any one having any idea how to gray out image button with displaying image give me that solution

You can use a custom style to a disabled input type, as shown in this sample: http://jsfiddle.net/964dL/4/

edited Mar 20 '12 at 11:52

answered Mar 20 '12 at 11:44

Jesse van Assen

2,240
2
16
19

score 0 · Answer 4 · answered Mar 20 '12 at 11:44

0

give background-repeat property in style of your textbox

background-repeat:no-repeat;

answered Mar 20 '12 at 11:44

Kishore Kumar

12,675
27
97
154

score 0 · Answer 5 · edited Mar 20 '12 at 12:22

0

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

edited Mar 20 '12 at 12:22

Developer

8,390
41
129
238

answered Mar 20 '12 at 11:50

Sergey

37
6

How can I make image in text box with no-repeat

5 Answers5