2011-03-08 4 views
1

안녕하세요 jquery 모달 팝업 사용하고 있습니다. 아래 그림을 참조하십시오.element.style CSS를 수정하는 방법은 무엇입니까?

enter image description here

그러나, 문제는, 내가 폭을 편집해야합니다. 그래서 나는 확인하고 불을 지르고으로 검증 한 후, CSS 파일에

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

를 입력하지만 그것은 작동하지 않습니다. jQuery CSS를 재정의하는 방법에 대한 아이디어.

일부는 자바 스크립트를 사용하여 CSS를 편집하여 객체와 물건을 만들 필요가 있다고 말합니다. 그러나 나는 그것에 관해 그렇게 확신하지 않는다.

도움을 주시면 감사하겠습니다.

+0

'요소'자체는 CSS에 없습니다. 이 클래스의 이름을'.element-style'로 정하고 수정할 HTML 엘리먼트에 추가하면된다. 또는 div.style이라는 이름을 붙일 수 있으며 class 속성에'style' 클래스가있는 div에만 영향을 미칩니다. – Cipi

답변

10

element.style

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

element.style 재정의

element.style 
{ 
    padding: 10px; 
} 

해야합니다 exemple

를 들어, 요소에 적용되는 스타일, 가장 좋은 방법은 class를 추가는 style 속성을 클리트하는 것입니다 이름을 입력하고 필요한 CSS를 작성하십시오.

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

이 http://blog.stevehorn.cc/2009/06/rendering-modal-dialog-with-aspnet-mvc.html 자습서, element.style을 어떻게 오버라이드해야합니까? – Haxed

+1

다시 말하지만, 문제는 ** ** 부분을 재정 의하여 ** jQuery UI 대화 상자 **를 사용하는 방법입니다! – balexandre

+0

이 맞지만 다음 CSS를 사용했습니다. {width : 550px! important;} .ui-widget {width : 550px! important;} .ui-widget-content {width : 550px! important ;} .ui-draggable {width : 550px! important;} .ui-resizable {width : 550px! 중요;} – Haxed

1

<div> 요소 자체의 너비를 지워야합니다. 그것은 중요한 것으로 표시되므로 무시할 수 없습니다.

방화범에
0

element.style 유효한 CSS 선택되지 않습니다 : 당신이 jQuery UI Dialog 구성 요소를 사용하는 경우 모달 문제에 대해서는


, 왜 같은 프로그램 너비를 설정하지 마십시오. 당신은 그것의 클래스 나 id가 있다면 그것을 사용하여 그 엘레멘트를 타켓팅해야 할 것이다. 그렇지 않다면, CSS 나 jQuery에서 그 엘레멘트를 타켓팅하기 위해 traversal을 사용해야 할 것이다.

관련 문제