Сброс стилей для элементов ввода и рестайлинг, чтобы вернуть внешний вид по умолчанию
У меня есть простое поле ввода.
<input name="1" onfocus="this.value=''" type="text" size="20" value="input 1" title="Enter your search here" />
Поскольку разные браузеры добавляют разное количество отступов, полей и границ, я должен сбросить его следующим образом.
input
{
padding: 0;
margin: 0;
border: 0;
border: none;
}
Теперь у меня нет стиля (оставляя для движения другие свойства, такие как размер шрифта или курсор), и я хочу вернуть внешний вид, который был по умолчанию до сброса, но с постоянными значениями, чтобы внешний вид и размеры были одинаковыми во всех браузерах. я делаю
input
{
border: 1px inset #F0F0F0;
}
Однако это что-то меняет, и внешний вид не такой, как в этой скрипке, где первый вход (вход 1) не был сброшен со свойством border, а второй вход (вход 2) был сброшен (border: 0; border: none ;) и снова рестайлинг (граница: вставка 1px # F0F0F0;).
Как вернуть тот же внешний вид после применения сброса стиля к нему.