不顯示在CSS中的邊框

-2

所以我有一個底部邊框沒有顯示在我的元素上的問題。當我檢查元素時，它沒有被任何東西覆蓋，也沒有顯示錯誤。不顯示在CSS中的邊框

我寫得很差。所以我只需要底部的邊框，別人不應該被看到。

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

在網站上壽會發生什麼情況是，所有的邊界被隱藏。我需要設置邊框：0;首先覆蓋默認邊框。

來源

2016-09-23 Mark

刪除'border：0;' –

您是否需要邊框？ –

使用border-color：[color]; border-width：0 0 1px 0;和轉儲邊框：0; –

請刪除border: 0 CSS規則

來源

2016-09-23 07:29:20 Laazo

試過它沒有工作。 – Mark

嘗試：

border-bottom:1px solid #000;

來源

2016-09-23 07:31:19 Dhaarani

試過它沒有工作。 – Mark

.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;而不是border-bottom: 1px;

來源

2016-09-23 09:30:55 Advaith

試過它沒有工作。 – Mark

@Mark它會工作。它甚至可以在代碼片段中工作。嘗試刪除'＃top' – Advaith

添加containe 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>

來源

2016-09-23 10:09:17 vivek

不顯示在CSS中的邊框

回答

相關問題