css 如何在bootstrap-toggle中更改文本的字体大小

mm5n2pyu 于 2023-04-08 发布在 Bootstrap

关注(0)|答案(2)|浏览(249)

这差不多就是问题所在。我有一个引导切换按钮。我想增加文本的大小（数据开启属性和数据关闭属性）

<input type="checkbox" checked data-toggle="toggle" data-style="android" data-onstyle="info" data-offstyle="info" data-on="increaseSize" data-off="increaseSize" data-width="500" data-height="200" data-size="large">

这是它在电话上的样子。

css

来源：https://stackoverflow.com/questions/32461656/how-to-change-font-size-of-text-in-bootstrap-toggle

2条答案

按热度按时间

fwzugrvs1#

@Rockstar5645使用CSS：

.toggle.android .toggle-group label {

    font-size: 20px;
}

html（如发布，无更改）：

<input type="checkbox" checked data-toggle="toggle" data-style="android" data-onstyle="info" data-offstyle="info" data-on="increaseSize" data-off="increaseSize" data-width="500" data-height="200" data-size="large">

赞(0）回复(0）举报 2023-04-08

axzmvihb2#

在Bootstrap 4中：

<input type="checkbox" data-toggle="toggle" data-onstyle="info" data-offstyle="outline-secondary" data-on="on" data-off="off" >

.toggle, .toggle-on, .toggle-off{
  font-size: 13px;    // set font-size for on-off state
}
.toggle.btn{
  height:30px !important;    // set height for btn
}

赞(0）回复(0）举报 2023-04-08

我来回答

css 如何在bootstrap-toggle中更改文本的字体大小

2条答案

相关问题

热门标签

最新问答