MVC TextBoxFor Platzhalter Textausrichtung

Question

Ich habe diese Kontrolle in der MVC-Ansicht Seite als

@Html.TextBoxFor(m => m.TemplateGroupName, 
    new { tabindex = "1", placeholder = "Enter Template Group Name" }) 

erzeugten Steuer Markup: -

<input class="input-validation-error" data-val="true" 
     data-val-required="The TemplateGroupName field is required."  
id="TemplateGroupName" name="TemplateGroupName" 
placeholder="Enter Template Group Name" 
tabindex="1" value="" type="text"> 

ich bin versucht, den Platzhalter Text zu zentrieren. Bitte vorschlagen.

Answer 1

Platzieren Sie folgende CSS auf Ihrer Seite. Es wird in allen Browsern align Platzhalter Zentrum: wir innerhalb der Textbox in MVC

@Html.TextBoxFor(m => m.TemplateGroupName, 
    new { tabindex = "1", placeholder = "Enter Template Group Name", Style = "text-align:center;" }) 

Answer 2

zum Ausrichten des Inhalts:

::-webkit-input-placeholder { 
    text-align: center; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    text-align: center; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    text-align: center; 
} 

:-ms-input-placeholder { 
    text-align: center; 
} 

ODER

Sie das Styling auf eine bestimmte Textbox wie folgt implementieren Verwenden Sie die Eigenschaft 'Text ausrichten'.

@Html.TextBox("Name",new{placeholder="Your Text",style="Text-align:Center"});