Простой HTML ниже выглядит по-разному в браузерах Firefox и WebKit (я проверял в Safari, Chrome и iPhone).
В Firefox обе границы и текст имеют один и тот же цвет (#880000
), но в Safari текст становится немного легче (как если бы к нему была применена прозрачность).
Можно ли как-то исправить это (удалить эту прозрачность в Safari)?
UPDATE:
Спасибо за ответ. Мне больше не нужно это для моей работы (вместо отключения я заменяю элементы input
стилизованными div
элементами), но мне все еще интересно, почему это происходит и есть ли способ контролировать это поведение...
<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>