Отмена наследования CSS для кнопок

chi · March 20, 2010

Собственно говоря отменить наследование, я думаю не получится.

Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />.

Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС).

Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо.

Подскажите, пожалуйста какие значения нужно указать этим свойствам background, border-width, border-style, чтобы вернуться к начальным значениям.

Или может быть есть какой нибудь другой выход?

VJiK · March 20, 2010

htmlbook.ru вам поможет

http://htmlbook.ru/css/background.html

http://htmlbook.ru/css/border-width.html

http://htmlbook.ru/css/border-style.html

chi · March 20, 2010

Да это всё я смотрел и пробовал. Не помогает.

octavian · March 20, 2010

напиши для этих кнопок собственые стили и присвойй их им?...

VJiK · March 20, 2010

Покажите страницу.

Justnewone · March 20, 2010

Ничего не восстановится, обнулять надо грамотно, например reset.css

chi · March 20, 2010

напиши для этих кнопок собственые стили и присвойй их им

Если ничего другого не придумаю, то так и буду делать. Только вот хотелось вернуть именно тот вид, который был изначально. Т.е. когда у кнопки не указанно никаких стилей, она выглядит так же как другие кнопки в операционной системе. А если ей, например, указать свойство background, то она выглядит совершенно по другому. Какие именно значения для этих свойств нужно указать, я и пытаюсь узнать.

обнулять надо грамотно, например reset.css

Если речь про это, то там как раз кнопок и нет.

Покажите страницу.

Страница тяжёлая. Вот пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Пример</title>

<style type="text/css">
/* Этот блок отключить нет возможности */
button {
  background: #ded;
  border: outset 2px #797;
}
</style>

<style type='text/css'>
button#b1{
  /*
  Что нужно сюда прописать, чтобы вернуть прежний вид кнопки 
  background: ???????;
  border: ???????????;
  */
}
</style> 

</head> 
<body>
<button id='b1'>Образец кнопки</button>
</body>
</html>

Justnewone · March 20, 2010

Просто уберите этот блок.

Searcher · March 22, 2010

background: transparent;
border: none;

chi · March 26, 2010

background: transparent;
border: none;

Не помогает.

Sign In

Отмена наследования CSS для кнопок

Question

chi

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

VJiK

Link to comment

Share on other sites

chi

Link to comment

Share on other sites

octavian

Link to comment

Share on other sites

VJiK

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

chi

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

chi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information