Das CSS-Design wirkt sich nicht auf die Eingabefelder mit div und class aus ⇐ JavaScript

[Guest]

Ich versuche, eine Google-Webanwendung mit Eingabe- und Auswahlelementen zu erstellen. Ich möchte sowohl die Elemente [Eingabe] als auch [Auswahl] mit demselben Rand und Abstand ausrichten. Ich habe es mit dem unten geschriebenen Code in meiner Google-Webanwendung versucht, aber es klappt nicht. aber wenn ich in CSS mit [Formulareingabe] arbeite, passiert es, aber nicht mit [div] und [class].

Code: Select all

.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;
}

Code: Select all

Sample Monitoring Sheet


Hardware
Software
Accessories



Processor
RAM
ROM



Hard disk
Key board
Mouse