নীচের সরল এইচটিএমএল ফায়ারফক্স এবং ওয়েবকিট-ভিত্তিক ব্রাউজারগুলিতে আলাদাভাবে প্রদর্শন করে (আমি সাফারি, ক্রোম এবং আইফোনে চেক করেছি)।
ফায়ারফক্সে সীমানা এবং পাঠ্য উভয়ই একই রঙের ( #880000
) থাকে তবে সাফারিতে পাঠ্যটি কিছুটা হালকা হয় (যেন এটিতে কিছুটা স্বচ্ছতা প্রয়োগ করা হয়েছিল)।
আমি কি কোনওভাবে এটি ঠিক করতে পারি (সাফারিতে এই স্বচ্ছতাটি সরিয়ে ফেলুন)?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
input:disabled{
border:solid 1px #880000;
background-color:#ffffff;
color:#880000;
}
</style>
</head>
<body>
<form action="">
<input type="text" value="disabled input box" disabled="disabled"/>
</form>
</body>
</html>