Изменить вид управления TextBox

Question

Есть ли способ, что я могу изменить внешний вид TextBox из его по умолчанию внешнего вида, чтобы выглядеть следующим образом

я искал creating a custom TextBox, но не увидел ничего об изменении, как он выглядел ,

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

Я новичок, чтобы сделать веб-сайтов и просто использовать это для учебных целей, так я не действительно знаю, с чего начать

Answer 1

Для достижения этой цели вы должны использовать CSS. Что вам нужно сделать, так это стилизовать его. Here - вот несколько приятных примеров, которые могли бы вам помочь.

Вот один, который показывает, как добавить фоновое изображение:

.tb11 { 
    background:#FFFFFF url(images/search.png) no-repeat 4px 4px; 
    padding:4px 4px 4px 22px; 
    border:1px solid #CCCCCC; 
    width:230px; 
    height:18px; 
} 

Answer 2

Вы можете создать текстовое поле пользовательского asp.net и завернуть OOB asp.net текстовое поле с необходимой HTML (этикеткой или пролетом) и css, чтобы создать его так, как вы хотите. Этот элемент управления станет многоразовым, и вы сможете использовать его на любой из ваших страниц.

Answer 3

Если вам нужен простой способ сделать это, просто загрузите простую в использовании платформу начальной загрузки и включите в проект необходимый файл.

Чем просто добавить подходящий класс для вашего контроля, а вот он!

Кроме того, документы действительно полный и простой

http://getbootstrap.com/components/#input-groups

Answer 4

asp.net TextBox действительно просто input с type="text".

Вы можете сделать что-то вроде этого, используя таблицы стилей:

CSS:

input[type=text].styled1 
{ 
    background: url(http://myUrl.com/Username.jpg); 
    border:0; 
    color: gray; 
    height: 23px; 
    padding-left:10px; 
    width: 200px; 
} 

XHTML:

<asp:Textbox id="txtUsername" runat="server" CssClass="styled1" />