境界線がCSSに表示されない

Question

下の境界線に問題があり、要素に表示されません。要素を調べると、何も上書きされず、エラーも表示されません。

これはあまり書いていません。 私はちょうど下の境界線が必要です、他は見られません。ウェブサイトカントーに何が起こる

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

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

は、すべての境界が隠されているということです。 border：0を設定する必要があります。最初にデフォルトの境界を上書きします。

Answer 1

Answer 2

てみborder: 0 CSSルールを削除してください：containeを追加代わりにborder-bottom: 1px;

Answer 3

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

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

使用border-bottom:1px solid #000; r divとid 'top'を与えます。 jsfiddle

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

Answer 4

の

border-bottom:1px solid #000;