小编ma.*_*.gr的帖子

我有一个自定义引导程序按钮，单击后无法删除其边框。我能够改变它的背景颜色，但有一个持续的蓝色边框让我感到厌烦。

我点击它，它打开一个模态窗口，关闭模态后边框仍然存在，直到我点击页面的另一部分，即使我更改了:active和 中的值:focus。

html :

<button id="openPopup" type="button" class="btn btn-primary btn-lg text-uppercase" data-toggle="modal" data-target="#myModal">
    some text here
</button>

css :

#openPopup {
  padding: 20px 30px;
  background-color: #a2238e;
  border-color: #a2238e;
  box-shadow: 1px 1px 1px #999;
  white-space: normal;
  font-size: smaller;
  letter-spacing: 0.2px;
}

#openPopup:hover, #openPopup:active, #openPopup:focus {
  background-color: #912284 !important;
  border-color: #912284 !important;
}

我正在使用jquery.fancybox打开图像模式.我注意到如果我使用title属性可以进行描述.

当我使用长描述时,所有文本只显示在一行中.是什么让文本的某些部分消失了.

如何将标题设置为段落？

我试图改变显示:inline-block的,以显示:块和应用一些宽度的替代品,但没有奏效.

HTML

<div id="carousel" class="es-carousel-wrapper" ng-controller="myCtrl">
      <div class="es-carousel">
        <ul>
         <li>                    
          <figure class="img-rounded">
            <a class="view magnifier" data-fancybox-group="gallery" href="images/publishing/labirintite.jpg" title="{{text}}">
            <img src="images/publishing/labirintite300x189.jpg" alt="Labirintite" />
            <span></span>
            </a> 
           </figure>
          </li>
        </ul>
      </div>
</div>

CSS

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: …