更改BootStrap popover的默认样式及popover简单用法
下面通过一段代码给大家介绍更改BootStrappopover的默认样式,具体代码如下所述:
.popover{
position:absolute;
top:0;
left:0;
z-index:1060;
display:none;
max-width:276px;
padding:1px;
font-size:14px;
font-weight:400;
line-height:1.42857143;
text-align:left;
white-space:normal;
background-color:#fff;
-webkit-background-clip:padding-box;
background-clip:padding-box;
border:1pxsolid#ccc;
border:1pxsolidrgba(0,0,0,.2);
border-radius:6px;
-webkit-box-shadow:05px10pxrgba(0,0,0,.2);
box-shadow:05px10pxrgba(0,0,0,.2);
}
BootStrappopover弹出框默认样式,需修改弹出框样式可在CSS中自定义要修改的样式,例如:padding改为6px,背景颜色修改为黑色,字体颜色修改为白色
.popover{
padding:6px;
background-color:#000;
color:#fff;
}
补充:下面看下bootstrappopover简单用法
//添加
$('#freqsComboCheckbox').addClass('has-popover').attr('data-content',"PleaseSelectFrequency!")
.popover({
placement:'bottom',
container:'.areaBox',//将popover附加到特定的元素上
trigger:'manual'//manual触发方式
}).popover('show');
//移除
$(".has-popover").not($('#freqsComboCheckbox')).removeClass('has-popover').popover('destroy');
总结
以上所述是小编给大家介绍的更改BootStrappopover的默认样式及popover简单用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!