css form input [type = "text"] selector

Question

Я использую css для создания моей html-страницы.

Можно ли с селектором:

form input[type="text"] 

изменение формы одного ввода текста типа? Только один и другие с этим css?

Благодаря С наилучшими пожеланиями

Answer 1

Я действительно не получить ваш вопрос. Но у вас есть несколько вариантов

Будет ли стиль каждого вводимого текста. <input type="text" />

form input[type="text"] {} 

Будет стилизации уровень первого только ввод набранный текст

form >input[type="text"] {} 

Будет ли стиль в первый только ввод

form input[type="text"]:first-child {} 

Будет стиль ввода машинописного текста на с классом "Foo"

form input.foo[type="text"] { } 

So. Допустим, у вас есть форма

<form action="" method="POST"> 
<input type="text" name="text" class="foo" /> 
<input type="text" name="text2" class="bar" /> 
</form> 

Это будет предназначаться все входы

form input[type="text"] { border:2px solid #000000; } 

Это будет предназначаться только первый вход с классом «Foo»

form input.foo[type="text"] { background-color:red; } 

Это нацелит второй ввод с классом «бар»

form input.bar[type="text"] { background-color:green; } 

Click here to view on CodePen

Answer 2

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

input[type="text"] 
input[type="button"] 
input[type="password"] 
input[type="number"] 
input[type="email"] 

Для примера

input[type="text"] { 
    width: 150px; 
    display: block; 
    margin-bottom: 10px; 
    background-color: yellow; 
} 

W3School Attribute Selector