html and css

mahmoud abdel hamed • منذ سنتين

html and css

لماذاcss تعمل في headerولا تعمل في inputs

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page title</title>
<link rel="stylesheet" href="cruds.css">
</head>
<body>
<div class="crud">
<div class="header">
<h2>cruds</h2>
<p>product management system</p>
</div>

<div class="inputs">
<input type="text" id="title" placehorder="title">
</div>
</div>
</body>
</html>

كودcss

 

*{
margin:0;
padding:0;
}
body{
background:#222;
  color:#fff;
  font-family:system-ui;
}

.crud{
width:80%;
margin:auto;

}

.header{
text-align:center;
margin:10px 0;
text-transform:uppercase;
}
.inputs{
width:100%;
border:none;

}

 

كلمات دليلية: html and css

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (1)

Faisal Mohsen • منذ سنة

يجب عليك ازالة الإستايل الافتراضي للـ Input بإضافة كود CSS التالي:

input{
all: unset
}

 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !