#html #css
#HTML #css
Вопрос:
Я пытался вызвать идентификатор в css и изменить его с помощью important и других параметров, и я пришел к тому, что не смог понять, как заставить это работать. 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>
Комментарии:
1. В вашем JSFiddle нет класса
.dialog. Вам придется сузить область поиска или предоставить нам больше информации, чтобы нам не приходилось копаться в вашем JSFiddle и угадывать, о каком элементе вы говорите.2. Добавлена дополнительная информация.
Ответ №1:
Это не заполнение. Его «вспомогательные» разделы добавляются при создании модального диалога. Добавьте это в свой css:
.ui-resizable-handle
{
display:none !important
}
Если серое поле вокруг вашей кнопки ok беспокоит вас (потому что это беспокоит меня), вы можете исправить это с помощью этого:
.ui-dialog-buttonset
{
background: white
}
Комментарии:
1. Это исправлено! только один вопрос. Чтобы предотвратить подобные глупые вопросы в будущем, просмотр параметров разработчика в Firefox не помогает, чем? Я думал, что сузил его, потому что у него было заполнение, унаследованное div 25 пикселей, и исправил это, когда я переключил это. Есть ли лучший способ найти то, что на самом деле отвечает?
2. Что я обычно делаю, так это проверяю соответствующий элемент с помощью инструментов разработчика. При этом я увидел, что в вашем диалоговом окне div было вложено несколько div-файлов. Divs, которые вы явно не кодировали и не ожидали, что они будут существовать. Я просто предположил, основываясь на имени их класса, что они что-то добавляют в ваш основной div.