Входной тег темный цвет сверху

Question

Это мой HTML-код:

<input type="text" placeholder="Email address" style="width:290px;border-radius:5px;"> 

Довольно простой HTML-код. Вот JFiddle:

https://jsfiddle.net/tLfpjL4a/

Как вы можете видеть, часть верхней темно по какой-то причине, не знаю, почему.

Я попытался следующие возможности CSS:

border-style и border-color

Но это на самом деле не работал

Answer 1

Вы должны переопределить border стиль:

.input-block-level { 
    border: none; 
} 

jsFiddle Demo

Если вы предпочитаете использовать встроенные стили, просто добавьте border: none в код:

<input type="text" class="input-block-level" placeholder="Email address" style="width:290px;border-radius:5px;border:none" /> 

Answer 2

Использование border: none;:

input { 
    border: none; 
} 

JSFiddle.

CSS border property on MDN.

Answer 3

Это потому, что вы не указали полный диапазон параметров границы. Просто добавьте border-style: solid, и у вас есть плоская граница.

Answer 4

Border property просто отметьте, что он заберет все границы, чтобы вы могли захотеть установить свойства, иначе оно будет пустым. Возможно, что-то вроде этого.

<input type="text" class="input-block-level" placeholder="Email address" style="width:290px;border-radius:5px;border: 1px solid #B5B6B7;padding: 5px" /> 

Я добавил отступы только потому, что это делает окно ввода выглядеть Литтлер лучше и пользовательский интерфейс дружественным для пользователей

скрипки: https://jsfiddle.net/tLfpjL4a/5/

---

Если вы хотите, добавив следующее:

* { 
    outline: none; 
} 

Удалит эту схему браузера по умолчанию, которая будет отображаться, когда все будет ctive и выбран в фокусе

Answer 5

Вы можете попробовать использовать следующее свойство CSS для поля ввода.

стиль границы: нет

Answer 6

вы можете использовать:

• border: 0;
• border: none
• border:1px solid white;

JSFIDDLE DEMO

Answer 7

у вас есть класс с бортом нет.

.input-block-level 
 
{ 
 
    border:none; 
 
}