আমরা ব্যবহারকারীর অপারেটিং সিস্টেমের প্ল্যাটফর্ম-নেটিভ স্টাইল অনুসারে একটি উপাদানকে স্টাইল করতে চেহারা বৈশিষ্ট্য ব্যবহার করি।
সিনট্যাক্স
CSS উপস্থিতি সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
appearance: /*value*/;
-webkit-appearance: /*value*/; /*for Safari and Chrome */
-moz-appearance: /*value*/; /*for Firefox */
} এর জন্য উদাহরণ
নিম্নলিখিত উদাহরণগুলি সিএসএস উপস্থিতি বৈশিষ্ট্যকে চিত্রিত করে৷
৷<!DOCTYPE html>
<html>
<head>
<style>
input[type=number] {
width: 40px;
-moz-appearance: textfield;
}
input[type=number]:hover {
background-color: #e3f5a1;
}
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
</style>
</head>
<body>
<p>Type/Scroll to change value</p>
<input type="number" value="6">
</body>
</html> এটি নিম্নলিখিত আউটপুট দেয়
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
select {
width: 20%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
</style>
</head>
<body>
Hiding dropdown arrow<br/><br/>
<select>
<option value="none" selected disabled hidden>
Select color
</option>
<option>Red</option>
<option>Blue</option>
<option>Green</option>
<option>Yellow</option>
<option>Orange</option>
</select>
</body>
</html> এটি নিম্নলিখিত আউটপুট দেয়
