按钮内的文字大小不同

时间:2015-03-01 11:29:42

标签: html

我想在括号中显示小于按钮文本其余部分的文字。

<input type="button" value="Bigger Text (Smaller Text)"/>

感谢您的支持。

1 个答案:

答案 0 :(得分:0)

尝试使用按钮类型=&#34;按钮&#34;而不是输入类型=&#34;按钮&#34;。因此,您可以在内部为较小的文本定义不同的样式。

&#13;
&#13;
.btn {
  font-size: 15px;
}

.btn .small {
  font-size: 12px;
}
&#13;
<button type="button" class="btn">
  Bigger Text (<span class="small">Smaller Text</span>)
</button>
&#13;
&#13;
&#13;