Как редактировать element.style css?

Question

Привет, я использую jquery-модал. Смотри картинку ниже.

Однако проблема в том, что мне нужно отредактировать ширину. Поэтому я набрал в файле css, после проверки и проверки с помощью firebug,

element.style 
{
    width: 700px !important;
}

Но это не работает. Любые идеи о том, как переопределить JQuery CSS.

Некоторые говорят, что нужно редактировать CSS, используя JavaScript, создание объектов и прочее. Но я не уверен в этом.

Любая помощь приветствуется.

Answer 1

element.style в Firebug - это стиль, применяемый к элементу, например:

<span style="padding: 10px;">My text</span>

element.style будет иметь

element.style 
{
    padding: 10px;
}

для переопределения, лучший способ - очистить атрибут style, добавить имя class и написать необходимый CSS.

---

Что касается вашей модальной проблемы, если вы используете jQuery UI Dialog , почему бы вам не установить ширину программно, например:

$( ".selector" ).dialog({ width: 460, maxWidth: 460, minWidth: 460 });

Answer 2

Вам нужно очистить ширину от самого элемента <div>. Он помечен как важный, поэтому вы не можете его переопределить.

Answer 3

element.style не является допустимым селектором CSS. Вы должны были бы нацелить элемент, используя его класс или идентификатор, если он есть, в противном случае вам нужно будет использовать обход для нацеливания на элемент либо в CSS, либо с помощью jQuery.