Увеличение размера .ui-btn-left

Question

Увеличение размера .ui-btn-left

0

Быстрый вопрос, на который я не нашел точного ответа в Интернете. Я очень новичок в Javascript, так что это, вероятно, довольно простая проблема. Я пытаюсь сделать кнопку закрытия на странице jQuery больше.

.ui-dialog .ui-header .ui-btn-left {
    left: auto;
    right: 5px;
}

Я знаю, если я укажу высоту и ширину, это сделает кнопку более крупной, но как я могу увеличить размер значка, чтобы соответствовать или хотя бы сделать его центром на кнопке?

Dustybin80 16 май 2014, в 16:25

Источник

0

что ты уже испробовал? Что вы имеете в виду под «... увеличить размер значка, чтобы он соответствовал или, по крайней мере, сделать его центром на кнопке?» .. как мы должны знать без HTML?
urbz 16 май 2014, в 13:46
0

Согласовано; Ваш HTML может иметь большое значение в способе решения желаемого результата. Кроме того, вы используете JQuery UI? или только пользовательский CSS? У вас есть дополнительный пользовательский файл CSS?
Laura Ritchey 16 май 2014, в 13:49
0

Можете ли вы дать скрипку или что-то? Это будет зависеть от того, что это за иконка? Это изображение? шрифт?
Mark 16 май 2014, в 13:50
0

Я использую JQuery Mobile 1.3.2, и .ui-btn-left, кажется, использует значок / стиль по умолчанию. Это часть огромного проекта, к которому я только что присоединился, поэтому я пытаюсь создать JSFiddle для отображения своей проблемы, но разделение соответствующего кода не является тривиальной задачей.
Dustybin80 16 май 2014, в 14:24

Показать ещё 2 комментария

Теги:

jquery

html

css

mobile

jquery-mobile

1 ответ

Ещё вопросы

что ты уже испробовал? Что вы имеете в виду под «... увеличить размер значка, чтобы он соответствовал или, по крайней мере, сделать его центром на кнопке?» .. как мы должны знать без HTML?
Согласовано; Ваш HTML может иметь большое значение в способе решения желаемого результата. Кроме того, вы используете JQuery UI? или только пользовательский CSS? У вас есть дополнительный пользовательский файл CSS?
Можете ли вы дать скрипку или что-то? Это будет зависеть от того, что это за иконка? Это изображение? шрифт?
Я использую JQuery Mobile 1.3.2, и .ui-btn-left, кажется, использует значок / стиль по умолчанию. Это часть огромного проекта, к которому я только что присоединился, поэтому я пытаюсь создать JSFiddle для отображения своей проблемы, но разделение соответствующего кода не является тривиальной задачей.

Dustybin80 · Accepted Answer · 2014-05-19T14-48-00.000Z

В конце концов я решил свою проблему. Мне пришлось удалить кнопку закрытия по умолчанию и просто создать свой собственный. Это может помочь кому-то другому, кто пытается сделать то же самое. Data-close-btn отключает кнопку закрытия по умолчанию.

Значок данных просто говорит ему использовать пользовательский значок, он был более прямым, чем я это делал.

#btnCancel .ui-btn-inner {
    width: 33px;
    height: 35px;
    margin: 0px;
    border: none !important;
    background: transparent !important;
}

.ui-icon-custom 
{
   background-image: url(../images/image.png) !important;
   background-position: 0px -84px;
   width: 33px;
   height: 35px;
   margin: 0 !important;
   box-shadow:none;
} 

<html>
   <head>
    <title>Change Language</title>   
   </head>

   <body>

     <div data-role="page" id="changeLanguage" data-close-btn="none">
       <header data-role="header">
           <h1 data-translation-key="choose language" ></h1>
           <a id="btnCancel" class="ui-btn-left" data-icon="custom" data-rel="back" data-    iconpos="notext" ></a>
       </header>

       <div data-role="content">
         <p data-translation-key="pick language"></p>       
         <ul id="languageSelection"></ul>
       </div>

       <p class="version"></p>
     </div>
   </body>
</html>