Question

我正在尝试使用内联样式自定义输入字段，但是它不起作用

这是我的尝试

<div class="row vh-md-100">
  <div class="col-md-7 my-md-auto text-center text-md-left">
    <h1 class="display-3 text-white font-weight-bold">Div</h1>
    <p class="lead text-light my-4">Div</p>
    <input style="width:1;" width="1" placeholder="What is your best email">
    <a href="#signup" class="btn btn-primary page-scroll">send</a>
  </div>
</div>

我期望输入宽度发生变化，但那没有发生。我想念什么

Answer 1

因为您没有为其指定单位。

您写了width: 1，但是1是什么？可以是cm，px，em等。 You need to specify it。

如果您阅读了链接中的文档，则会看到所有单位的列表，并且没有单位时可以使用的唯一编号是0。

<div class="row vh-md-100">
  <div class="col-md-7 my-md-auto text-center text-md-left">
    <h1 class="display-3 text-white font-weight-bold">Div</h1>
    <p class="lead text-light my-4">Div</p>
    <input  style="width:1px;" width="1" placeholder="What is your best email">
    <a href="#signup" class="btn btn-primary page-scroll">send</a>
  </div>
</div>

Answer 2

它应该有一个单位。尝试1px。见下文

<div class="row vh-md-100">
                    <div class="col-md-7 my-md-auto text-center text-md-left">
                        <h1 class="display-3 text-white font-weight-bold">Div</h1>
                        <p class="lead text-light my-4">Div</p>
                        <input  style="width:1px;" placeholder="What is your best email">
                        <a href="#signup" class="btn btn-primary page-scroll">send</a>
                    </div>
                </div>

html标记样式问题

2 个答案: