Как вернуть стиль по умолчанию?

[thekap]

Проблема такая - есть ряд инпутов, у которых рамка равна 1 пиксель, чёрная, сплошная. Инпутов целых 9 штук. Однако одним из этих инпутов является кнопка. А когда ей вот так проставить рамку явно, она становится довольно непривлекательной. Так вот, вопрос в том - как сделать так, чтобы к ней вернулся стиль по умолчанию? Самое главное, где-то видел недавно нечто подобное и никак не могу найти. Уже весь справочник перерыл, а никак не могу найти, что там прописать, чтобы стиль стал такой, как изначально, то есть чтобы к кнопке не применялось 1px solid #000000, а было так, будто этого свойства у неё нет.

[sigma77]

thekap,

Если вопрос поддержки ИЕ6 не актуален используй

input[type="text"] {
  border: 1px solid #000;
}

Тогда стили применятся только к этим элементам и не затронут кнопку.

[psywalker]

А можно кнопке класс прописать. Так даже лучше будет.

[swetlana]

Вообще-то кнопка рисуется тэгом button

[psywalker]

Вообще-то кнопка рисуется тэгом button

А если это submit ?

[sigma77]

А если это submit ?

Сабмитом она тоже может быть http://htmlbook.ru/html/button/type

Хотя используется на порядок реже.

[thekap]

Вообще-то кнопка рисуется тэгом button

А ведь точно . Я про этот тег и не знал. Всегда использовал только input. Так вроде работает. А чего этот тег так редко используется?

Если вопрос поддержки ИЕ6 не актуален используй

Актуален.

А можно кнопке класс прописать. Так даже лучше будет.

А что это даст? Если поставить border: none, эффект примерно такой же как и при border: 1px и так далее. Первоначальный вид не вернёт. Общий стиль стоит-то для всех инпутов, а не по классам и id.

Edited February 13, 2011 by thekap

[swetlana]

Кстати, предпочитаю использовать button именно по тем соображениям, которые изложил автор темы.

[sigma77]

Актуален.

Тогда либо прописывать класс для инпутов с рамкой, либо использовать баттон, либо для ИЕ6 использовать скрипт, который будет действовать аналогичным образом.

[rash]

Никак.

Увы, не получится кроссбраузерно и надежно сбросить стиль элемента к значениям по умолчанию.

В вашем случае нужно использовать классы. По классам задавать бордер, а тем элементам, которым он не нужен — класс не устанавливать. Боюсь, что это единственное надежное решение.

[swetlana]

А ведь точно . Я про этот тег и не знал. Всегда использовал только input. Так вроде работает. А чего этот тег так редко используется?

А многие тэги редко используются. Проще же выучить один div, и делать всё им. Не так ли?

[thekap]

Всем спасибо! Остановил выбор на button - просто и понятно .

Спрошу тут тогда, чтобы не создавать новую тему - может, кто-то подскажет толковые материалы по вёрстке сложных форм (на 30-40-50 и более элементов)? Что надо учесть? Как добиться, чтобы всё было красиво, а не абы как? Выравнивание, размеры, отступы и прочее. Можно и на английском. Особенно интересуют такие моменты, как чекбоксы и радио, так как сегодня немало времени убил, прежде чем начало что-то получаться по их выравниванию и прочему.

Плюс интересует вопрос - можно ли как-то получить доступ к вот той стрелочке, что появляется справа в селекте и как бы указывает на то, что список открывающийся? А то без понятия как она "по-научному" называется и обозначена ли вообще хоть как-то в html?

Вот пример того, что имеется в виду. Вот тут автор кое-что пишет про вёрстку форм - http://www.xiper.net/collect/html-and-css-...rstka-form.html. Вот один из примеров - http://www.xiper.net/examples/forms/ex-form.html. Как видим чекбокс стоит рядом с текстом красиво. Но стоит открыть то же самое в IE6, как чекбокс слетает куда-то вниз. А идеально было бы так, чтобы он стоял строго по центру буквы П. Тогда было бы красиво.

Далее, там есть +, который в FF стоит строго по центру текстового инпута, а в IE 6 +, как и чекбокс при увеличении/уменьшении текста начинает вытворять чудеса.

В общем, про такие моменты было бы интересно почитать. Есть же фирмы, которые делают html-формы для своих очень крупных приложений. Вряд ли там пускают вёртску форм на самотёк.

Edited February 13, 2011 by thekap