Question

所以我的问题是底部边框没有显示在我的元素上。当我检查元素时，它不被任何东西覆盖，也没有显示错误。

我写得不好。所以我只需要底部边框，其他部分不应该被看到。

#top .input-text,
		#top input[type="text"],
		#top input[type="email"],
		#top input[type="tel"],
		#top textarea,
		#top select {
		background: #fff;
		font: 1em 'rajdhani', sans-serif;
		border-style: solid;
		border: 0;
		border-bottom: 1px;
		margin-bottom: 0px;
		}

<input type="email"><br>
    <p>Something</p>
    <input type="text"><br>
    <p>Something2</p>
    <input type="tel"><br>

网站上发生的事情是隐藏了所有边框。我需要设置border：0;首先覆盖默认边框。

Answer 1

＆＃13;

.input-text {
  background: #fff;
  font: 1em 'rajdhani', sans-serif;
  border-style: solid;
  border: 0;
  border-bottom:1px solid #000;
  margin-bottom: 0px;
}

＆＃13;

<input type="email" class="input-text"><br>
<p>Something</p>
<input type="text" class="input-text"><br>
<p>Something2</p>
<input type="tel" class="input-text"><br>

＆＃13;

使用border-bottom:1px solid #000;代替border-bottom: 1px;

Answer 2

添加容器div并输入id＆＃39; top＆＃39;。 jsfiddle

<div id="top">
  <input type="email">
  <br>
  <p>Something</p>
  <input type="text">
  <br>
  <p>Something2</p>
  <input type="tel">
  <br>
</div>

Answer 3

请删除border: 0 css规则

Answer 4

尝试：

border-bottom:1px solid #000;

边框没有显示在CSS中

4 个答案: