Как я могу применить фоновое изображение к вводу текста, не теряя границу по умолчанию в браузерах Firefox и WebKit?
Получите все имена файлов / папок в site-packages/ (и dist-packages/, если они существуют) и используйте ваш менеджер пакетов, чтобы удалить те, которые были установлены через пакет.
3 ответа
Как объяснялось другими, некоторые серверы настроены так, чтобы отклонять электронные письма, у которых отсутствует действительный адрес электронной почты на отправляющем сервере. Убедитесь, что в строке $ headers указан действительный адрес электронной почты «From: foo@example.com ».
Текстовый ввод в стиле ОС обычно представляет собой оверлеи (например, flash), которые отображаются поверх документа.Я не верю, что существует чистое исправление CSS для вашей проблемы. На мой взгляд, лучше всего выбрать стиль, который вам нравится, и подражать ему с помощью CSS. Таким образом, независимо от того, в каком браузере вы находитесь, входные данные будут выглядеть одинаково. Вы все еще можете иметь эффекты наведения и тому подобное. Эффекты свечения в стиле OS X могут быть непростыми, но я уверен, что это выполнимо.
@Alex Morales: Ваше решение избыточно. граница: 0; игнорируется в пользу границы: 1px solid # abadb3; и приводит к передаче ненужных байтов по сети.
На мой взгляд, лучше всего выбрать стиль, который вам нравится, и подражать ему с помощью CSS. Таким образом, независимо от того, в каком браузере вы находитесь, входные данные будут выглядеть одинаково. Вы все еще можете иметь эффекты наведения и тому подобное. Эффекты свечения в стиле OS X могут быть непростыми, но я уверен, что это выполнимо.@Alex Morales: Ваше решение избыточно. граница: 0; игнорируется в пользу границы: 1px solid # abadb3; и приводит к передаче ненужных байтов по сети.
На мой взгляд, лучше всего выбрать стиль, который вам нравится, и подражать ему с помощью CSS. Таким образом, независимо от того, в каком браузере вы находитесь, входные данные будут выглядеть одинаково. Вы все еще можете иметь эффекты наведения и тому подобное. Эффекты свечения в стиле OS X могут показаться сложными, но я уверен, что это выполнимо.@Alex Morales: Ваше решение избыточно. граница: 0; игнорируется в пользу границы: 1px solid # abadb3; и приводит к передаче ненужных байтов по сети.
Обновление!
Хорошо, вот обходной путь, который, как мне кажется, совместим с несколькими браузерами. Единственная проблема заключается в том, что стиль по умолчанию отличается на несколько пикселей, поэтому может потребоваться некоторая настройка.
<html>
<head>
<style>
.pictureInput {
text-indent: 20px;
}
.input-wrapper {
position:relative;
}
.img-wrapper {
position:absolute;
top:2px;
left:2px;
}
</style>
</head>
<body>
<div class="input-wrapper">
<div class="img-wrapper"><img src="http://storage.conduit.com/images/searchengines/search_icon.gif" alt="asddasd" /></div>
<input type="text" class="pictureInput" />
</div>
<br />
<br />
<input type="text">
</body>
</html>
Используя абсолютно-относительное позиционирование, вы можете сделать абсолютный div (содержащий изображение) абсолютным по отношению к его родительскому элементу, который все браузеры, о которых я знаю (не считая версий ниже IE6, IE6 + в порядке), могут справиться. Масштабирование пользователя может быть проблемой, но вот как обстоят дела с обходными путями.
С другой стороны, вам вообще не нужно изменять стили для ваших входов (кроме text-indent, но вы бы это сделали в любом случае, я надеюсь).
С другой стороны, это не самый красивый обходной путь.
Старый!
Я знаю, что это не то, что вам нужно, но вы можете сделать что-то подобное, чтобы хотя бы сделать все входные границы последовательный.
input {
border-color:#aaa;
border-width:1px;
}
Я пробовал не во всех браузерах, но, поскольку вы не устанавливаете стиль рамки, он может использовать собственный стиль, но с другим размером (хотя вы также можете пропустить его). Я думаю, что главное - просто установить какой-то цвет границы, чтобы все поля ввода использовали один и тот же цвет границы, а остальное оставьте на усмотрение браузера.
Это CSS, который я использую, который может обеспечить просмотр назад по умолчанию:
input, select, textarea {
border-top: 1px #acaeb4 solid;
border-left: 1px #dde1e7 solid;
border-right: 1px #dde1e7 solid;
border-bottom: 2px #f1f4f7 solid;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
Вы также можете применить : active и дать элементам управления синеватый оттенок после выбора.