Отключенный входной цвет текста
5 ответов
это - интересный вопрос, и я попробовал много переопределений, чтобы видеть, могу ли я получить его движение, но ничто не работает. Современные браузеры на самом деле используют свои собственные таблицы стилей для сообщения элементов, как отобразиться, поэтому возможно, если можно пронюхать таблицу стилей Chrome, Вы видите то, что разрабатывает, они вызывают на ней. Я буду очень интересоваться результатом и если у Вас не будет того, то я проведу немного времени, сам ища его позже, когда у меня будет некоторое время для траты.
к вашему сведению,
opacity: 1!important;
не переопределяет его, таким образом, я не уверен, что это - непрозрачность.
Вы могли изменить цвет на #440000 только для Safari, но по моему скромному мнению лучшее решение будет не к виды изменения кнопки во всем . Таким образом, в каждом браузере на каждой платформе, это посмотрит точно так же, как пользователи ожидают его к.
Можно использовать атрибут "только для чтения" вместо отключенного атрибута, но тогда необходимо будет добавить класс, потому что нет псевдокласса input:readonly.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
button.readonly{
border:solid 1px #880000;
background-color:#ffffff;
color:#880000;
}
</style>
</head>
<body>
<form action="">
<button type="button" readonly="readonly" class="readonly">disabled input box</button>
</form>
</body>
</html>
Остерегаются этого, отключенный вход и вход только для чтения не являются тем же. Вход только для чтения может сфокусироваться и перешлет значения, отправляют. Взгляд w3.org
Можно ли использовать кнопку вместо входа?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
button:disabled{
border:solid 1px #880000;
background-color:#ffffff;
color:#880000;
}
</style>
</head>
<body>
<form action="">
<button type="button" disabled="disabled">disabled input box</button>
</form>
</body>
</html>
Этот вопрос очень старый, но я подумал, что опубликую обновленное решение webkit. Просто используйте следующий CSS:
input::-webkit-input-placeholder {
color: #880000;
}