介绍
本篇文章为大家展示了怎么在引导中更改弹窗的默认样式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
.popover { 位置:才能,绝对; ,,:0; ,,左:0; ,,z - index: 1060; ,,显示:没有; ,,max-width: 276 px; ,,填充:1 px; ,,字体大小:14 px; ,,粗细:400; ,,行高:1.42857143; text-align才能:左; ,,空白:正常; ,,背景颜色:# fff; ,,-webkit-background-clip: padding-box; ,,background-clip: padding-box; 边境才能:1 px solid # ccc; 边境才能:1 px solid rgba (0, 0, 0, 0。2); ,,这个特性:6 px; ,,-webkit-box-shadow: 0, 5 px 10 px rgba (0, 0, 0, 0。2); ,,不必:0,5 px 10 px rgba (0, 0, 0, 0。2); }
引导弹出窗口弹出框默认样式,需修改弹出框样式可在CSS中自定义要修改的样式,例如:填充改为6 px,背景颜色修改为黑色,字体颜色修改为白色
, .popover { ,才能填充:6 px; background - color: # 000;才能 ,,颜色:# fff; }
<>强补充:下面看下引导窗简单用法强>
//添加
美元(& # 39;# freqsComboCheckbox& # 39;) .addClass (& # 39; has-popover& # 39;) .attr (& # 39; data-content& # 39;,,“Please Select 频率!“) ,,,,,,,,,,,.popover ({ ,,,,,,,,,,,,,,位置:,& # 39;底部# 39; ,,,,,,,,,,,,,,容器:,& # 39;.areaBox& # 39;,//将窗附加到特定的元素上 ,,,,,,,,,,,,,触发:,& # 39;手动# 39;,//手动触发方式 ,,,,,,,,,,,}).popover(& # 39;显示# 39;);
//移除
(“.has-popover")另美元($ (& # 39;# freqsComboCheckbox& # 39;)) .removeClass (& # 39; has-popover& # 39;) .popover(& # 39;破坏# 39;);
引导是什么
引导是目前最受欢迎的前端框架,它是基于HTML, CSS, JAVASCRIPT的,它简洁灵活,使得网络开发更加快捷,它还有一个响应最好的网格系统,并且能够在手机端通用,而引导是使用许多可重用的CSS和JAVASCRIPT组件,可以帮助实现需要的几乎任何类型的网站的功能,此外,所有这些组件都是响应式的。
上述内容就是怎么在引导中更改弹窗的默认样式,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。