html - CSS 集中对齐输入中的文本

Question

我想将可选择按钮内的文本居中对齐。我试过:

text:align: center (..to the <input>)

..但它没有用。

以下是我的 html，我正在使用 Bootstrap 按钮。

 <div class="btn-group" data-toggle="buttons">
      @foreach (var product in Model.Products)
      {
         <label class="btn btn-default productButton">
           <input style="text-align: center" type="radio" name="Products" id="@("product" + @product.Id)" autocomplete="off" checked> @product.Description
         </label>
      }
 </div>

Answer 1

您需要将 center 拼写为“center”。

input {
  text-align: center;
}

<input value="blah blah">