jqueryのダイアログボックスがパディングをしないようにしようとしています

Question

私はCSSでIDを呼び出すことを試みました。重要なオプションや他のオプションで変更しようとしましたが、動作させる方法を理解できなくなってきました。 https://jsfiddle.net/6p0wmpr1/

div { 
border-radius: 5px; 
background-color: #f2f2f2; 
padding: 25px; 
} 
.dialog{ 
padding:0px !important; 
} 

<div hidden class="dialog" id="dialog-message" title="Download complete"> 
    <p> 
    <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span> 
    Your files have downloaded successfully into the My Downloads folder. 
    </p> 
    <p> 
    Currently using <b>36% of your storage space</b>. 
    </p> 
</div> 

Answer 1

パディングではありません。モーダルダイアログを作成するときにその「ヘルパー」divが追加されました。あなたのCSSにこれを追加します。

.ui-resizable-handle 
{ 
    display:none !important 
} 

（それは私を気にするので）あなたの[OK]ボタンの周りに灰色のボックスがあなたを気にする場合は、これでその問題を解決することができます

.ui-dialog-buttonset 
{ 
    background: white 
}