Jquery 使.ui btn变大
我还没有在网上找到确切答案的快速问题。我对Javascript非常陌生，所以这可能是一个非常简单的问题。我正在尝试将jQuery页面上的close按钮放大Jquery 使.ui btn变大,jquery,html,css,jquery-mobile,mobile,Jquery,Html,Css,Jquery Mobile,Mobile,我还没有在网上找到确切答案的快速问题。我对Javascript非常陌生，所以这可能是一个非常简单的问题。我正在尝试将jQuery页面上的close按钮放大 .ui-dialog .ui-header .ui-btn-left { left: auto; right: 5px; } 我知道如果我指定一个高度和宽度，这将使按钮变大，但我最好如何增加图标的大小以匹配或至少使其位于按钮的中心？我最终解决了自己的问题。我必须删除默认的关闭按钮，然后创建自己的按钮。这可能会帮助其他试图做同
.ui-dialog .ui-header .ui-btn-left {
left: auto;
right: 5px;
}
我知道如果我指定一个高度和宽度，这将使按钮变大，但我最好如何增加图标的大小以匹配或至少使其位于按钮的中心？我最终解决了自己的问题。我必须删除默认的关闭按钮，然后创建自己的按钮。这可能会帮助其他试图做同样事情的人。数据关闭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>
#btnCancel.ui btn内部{
宽度：33px；
高度：35px；
边际：0px；
边界：没有！重要；
背景：透明！重要；
}
.ui图标自定义
{
背景图片：url（../images/image.png）！重要；
背景位置：0px-84px；
宽度：33px；
高度：35px；
边距：0！重要；
盒影：无；
}
换语言