html and css
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;
}
ساعد بالإجابة
"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."
الإجابات (1)
يجب عليك ازالة الإستايل الافتراضي للـ Input بإضافة كود CSS التالي:
input{
all: unset
}
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !