Дизайн CSS не влияет на поля ввода с помощью div и класса ⇐ CSS

[Anonymous]

Я пытаюсь создать веб-приложение Google с элементами ввода и выбора. Я хочу выровнять элементы [input] и [select] с одинаковым полем и заполнением. Я попробовал использовать приведенный ниже код в своем веб-приложении Google, но ничего не вышло. но если я использую [ввод формы] в CSS, это произойдет, но не с [div] и [class].

Код: Выделить всё

.heading {
font-family: "Times New Roman", Times, serif;
text-align:center;
font-weight: bold;
color: black;
font-size: 180%;
padding: 20px 20px 15px 20px;
background-color: #76ff03;
}

label {
font-size: 30px;
}

select {
height: 45px;
width: 340px;
font-size: 20px;
font-family: Arial;
border-radius: 15px;
}
/* input[type=number] {
height: 40px;
width: 150px;
border: none;
background: transparent;
border-bottom: 1px solid black;
outline: none;
margin-left: 200px;
padding: 30px;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
} */

.inputfield {
height: 40px;
width: 150px;
border: none;
background: transparent;
border-bottom: 1px solid black;
outline: none;
margin-left: 200px;
padding: 30px;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
}

.Row {
margin-left: 200px;
padding: 30px;
}

::placeholder {
color: Black;
}

Код: Выделить всё

Sample Monitoring Sheet


Hardware
Software
Accessories



Processor
RAM
ROM



Hard disk
Key board
Mouse

Подробнее здесь: https://stackoverflow.com/questions/793 ... -and-class