gpt4 book ai didi

jquery - 使 .ui-btn-left 变大

转载 作者:行者123 更新时间:2023-11-28 10:27:00 24 4
gpt4 key购买 nike

我还没有在网上找到确切答案的快速问题。我是 Javascript 的新手,所以这可能是一个非常简单的问题。我试图使 jQuery 页面上的关闭按钮变大。

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

我知道如果我指定高度和宽度这将使按钮变大,但我如何最好地增加图标的大小以匹配或至少使其位于按钮的中心?

最佳答案

我最终解决了自己的问题。我不得不删除默认的关闭按钮并创建我自己的。这可能会帮助其他正在尝试做同样事情的人。 data-close-btn 关闭默认的关闭按钮。

data-icon 只是告诉它使用自定义图标,它比我做的更直接。

#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>

关于jquery - 使 .ui-btn-left 变大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23696757/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com