jquery - 如何调整 jquery 按钮的大小（通过 CSS）

Question

大家好，我是 JQuery 的新手

我想重新调整 JQuery 按钮的大小，我的代码是

<input type="submit" id="Btn1" value="Login"/>

在脚本中

 $(document).ready(function(){
           $("#Btn1").button();
   });

但我得到大字体和大按钮，我希望通过 CSS 小尺寸。

提前致谢

score 0 · Accepted Answer

0

CSS代码：

#Btn1 {
  font-size: small;
}

或者：

#Btn2 {
  font-size: 50%;
}

于 2012-10-21T11:35:49.500 回答

score 0 · Accepted Answer

要重新调整按钮的大小，请执行以下操作：

.button_class_name {
 display: block;
 width: 60%;

}

score 0 · Accepted Answer

Jquery UI 使用相对 EM 来调整所有元素的大小。如果没有一些粗略的 CSS 来在 Jquery UI 项目中全局设置字体大小，您最终将在大多数 UI 小部件中使用大量按钮和大文本。

要在所有 Jquery UI 元素中解决此问题，请将字体大小绝对设置在正文上。

body {
    font-size:10pt; // or 12px
}

这将与您网站上的所有其他字体大小混为一谈，因此在将此类内容重新编码到您的 CSS 时要谨慎使用。

或者，您可以隔离最高级别的父级并声明由按钮继承的绝对字体大小，然后由 Jquery UI 相对调整大小。

.button_container {
    font-size:10pt; // or 12px
}

score 0 · Accepted Answer

Jquery ui 有自己的样式表来呈现为 Button，它在幕后使用不同的类来实现功能。你可以查看演示Jquery Button

jquery 使用ui-button类来装饰按钮，你可以像这样覆盖设置

input.ui-button
{
    font-size:14px;
    padding:.3em 1em;
}

</p>

4 回答 4