模板:切换显示按钮/togglestyle.css
外观
.textToggleDisplayButtons {
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
align-content: flex-start;
user-select: none;
}
.textToggleDisplayButtonLabel {
border: 1px solid rgba(0, 0, 0, .3);
border-left-width: 4px;
border-radius: 2px;
flex: 1 0 auto;
margin: 4px;
padding: 0 8px;
box-shadow: 1px 1px 2px black;
color: rgba(0, 0, 0, .7);
transition: .13s ease-in-out all;
background-color: white;
}
.textToggleDisplayButtonLabel.on {
border-color: rgba(0, 0, 0, 1);
color: rgba(0, 0, 0, 1);
}
.textToggleDisplay.hidden {
display: none !important;
}
.textToggleDisplayButtonsStyle {
display: none !important;
}
.textToggleDisplayStyle {
display: none !important;
}
.textToggleDisplayButtonLabel:not(.on) {
display: none !important;
}
.textToggleDisplayButtonLabelText.off {
display: none !important;
}