CSS беды, ввод [type = "text"] не переопределяется *

Question

вверху моего css-файла я говорю:

* {
border:none;
margin:0; 
padding:0;
}

но я хочу, чтобы у полей ввода текста была рамка, поэтому на несколько строк я говорю:

input[type="text"] {
border-width:1px;
border-style:solid;
border-color: black;
}

Не повезло! Я что-то упускаю из-за того, как работает CSS? Разве входные объявления не перекрывают *?

Answer 1

Вам также необходимо указать border-style. По умолчанию это none. Вы, вероятно, хотите solid:

input[type="text"] {
    border-width: 1px;
    border-color: black;
    border-style: solid;
}

Или стенография:

input[type="text"] {
    border: 1px solid black;
}

Answer 2

Я думаю, ввод [type = "text"] поддерживается не всеми браузерами.

Answer 3

Что делать, если вы передаете тегу input класс и ссылаетесь на этот класс в CSS. И почему у вас есть * {border: none;}? Это потому, что вы не хотите, чтобы границы отображались вокруг изображений? Потому что тогда вы могли бы использовать img {botder: none;} и не иметь проблем ...

Answer 4

input = "text" не был указан для моих элементов ввода

D'OH!

Answer 5

Если это IE6, вы не можете делать селекторы атрибутов.

http://dev.l -c-n.com / CSS3-селекторы / браузера support.php