css - MVC TextBoxFor 占位符文本对齐

Question

我在 MVC View 页面中有这个控件作为

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

生成的控件标记:-

    <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">

我正在尝试居中对齐占位符文本。请建议。

Answer 1

在您的页面上放置以下 CSS。它将在所有浏览器中居中对齐占位符:

::-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; 
}

或

您可以像这样为特定的文本框实现样式:

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