通过css更改微调器的大小答案

【问题标题】：Change size of spinner by css通过css更改微调器的大小
【发布时间】：2016-10-21 09:54:27
【问题描述】：

我正在制作一个网页，我在下面放置了一个微调器：

<p:spinner id="mySpinner" .. size="3">...</p:spinner>

如何使用 css 更改大小以使其响应？

【问题讨论】：

我通过谷歌搜索找到了您问题的答案，但请确保下次您围绕您的问题发布更多上下文，因为代码是 PrimeFaces java ui 框架的专有代码：primefaces.org。
你当前的 CSS 是什么。你能提供一个像jsfiddle这样的代码的工作示例吗

标签： html css

【解决方案1】：

您需要覆盖 spinner-border 类的宽度和高度：

.spinner-border {
    width: 100px; 
    height: 100px;
}

【讨论】：

【解决方案2】：

“size”元素默认设置为20，使用这个类来改变它：

.ui-spinner-input {
  width: 50px;
  /* Enter your own width above */
 }

【讨论】：