在离子弹出窗口中无法摆脱水平规则

时间:2015-10-08 10:19:38

标签: css ionic-framework

我正在努力删除离子弹出窗口中的水平规则。这里可以看到非常微弱的横向规则:

enter image description here

我用来设置弹出窗口样式的CSS如下(边框内容根本没有区别):



.popup {
  -webkit-box-shadow: 10px 12px 18px -3px rgba(0,0,0,0.72);
  -moz-box-shadow: 10px 12px 18px -3px rgba(0,0,0,0.72);
  box-shadow: 10px 12px 18px -3px rgba(0,0,0,0.72);
  background-color: white !important;
  opacity: 1 !important;
  border-bottom: none !important;
  border-top: none !important;
}
.popup-head .popup-title{
  background-color: #336688;
  color: white;
  min-width: 100%;
  margin-left: -10px;
  margin-top: -15px;
  margin-right: -10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom: none !important;
  border-top: none !important;
}
.popup-sub-title {
  margin-top:20px;
  font-size:15px;
  border-bottom: none !important;
  border-top: none !important;
}
.popup-body {
  border-bottom: none !important;
  border-top: none !important;
  margin-top:0px;
}




修改

ionic popup example

的离子弹出窗口的离子编码器示例中可以看到水平规则的演示

0 个答案:

没有答案