Question

我是非常新的html和css，基本上我有两个不同的值 1 - 申请人数量和2个职位数量我的基本方法是向他们展示如下：

<button type="button" id="btnInf"></button>

这是我的jquery：

$("#btnInf").html('<span style="color:black;font-size:12px" >Number of Applicants:</span>
              <span style="color:black;font-size:23px">' +0+ '</span>
              </br><span style="color:brown;font-size:12px">Number of Positions:</span>
              <span style="color:brown;font-size:23px">' + 8 + '</span>');

因为我是新手我不知道如何在一个按钮上显示它们但是使用一种不聪明的方法，我想在一个可点击的按钮或任何东西上显示它们，它按颜色和数字显示百分比; < / p>

Answer 1

这是更好的代码：

<button type="button" id="btnInf">
   <span class="small-font a" >Number of Applicants:</span>
   <span class="big-font a">0</span>
              </br>
   <span class="small-font b">Number of Positions:</span>
   <span class="big-font b">8</span>
</button>

<强>的CSS：

.small-font{
font-size:12px
}
.big-font{
font-size:23px
}
.a{
color:black;
}
.b{
color:brown
}

如何在单个按钮上显示两个值的可点击百分比

1 个答案: