html - Remove border from image in Internet Explorer -

-

does know how remove light border border shown around glyphicon in internet explorer in example.in chrome not display.

http://www.prepbootstrap.com/bootstrap-template/iconpanels

alternatively use box-shadow instead of border:

.icon {      text-align: center;      position: relative;  }    .info {      margin-top: -24px;      background: hsla(0, 0%, 0%, 0.04);      border: 1px solid hsl(0, 0%, 88%);      padding: 15px 0 10px 0;  }    .image {      position: relative;      z-index: 2;      margin: auto;      width: 76px;      height: 76px;      /* border: 7px solid hsl(0, 100%, 100%); */      line-height: 76px;      border-radius: 50%;      background: hsl(126, 37%, 55%);      vertical-align: middle;      -webkit-box-shadow: 0 0 0 7px white;      -moz-box-shadow: 0 0 0 7px white;      box-shadow: 0 0 0 7px white;  }    .icon:hover .image {      -webkit-box-shadow: 0 0 0 7px black;      -moz-box-shadow: 0 0 0 7px black;      box-shadow: 0 0 0 7px black;  }    .image .glyphicon {      font-size: 38px;      line-height: 1.33;      color: white;  }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>  <div class="box">      <div class="icon">          <div class="image"><span class="glyphicon glyphicon-envelope btn-lg white"></span></div>          <div class="info">              <h3 class="title">messages</h3>              <p>                  7 new messages on past 24 hours.               </p>              <div class="more">                  <a href="#" title="title link"><i class="fa fa-plus"></i> details                  </a>              </div>          </div>      </div>      <div class="space"></div>  </div>


Comments

Post a Comment

Popular posts from this blog

How has firefox/gecko HTML+CSS rendering changed in version 38? -

-
i have a little website header no longer renders correctly, since updating firefox 38.0.5 [the faceplant logo missing top right, , main logo no longer centred]. still renders expected in other browsers. how has engine's rendering changed in update? according mdn , list of changes is: css support ruby-position , ruby-align have been added , available default ( bug 1055676 , bug 1123917 , bug 1039006 ). the :unresolved pseudo-class has been implemented custom elements ( bug 1111633 ). the predefined style ethiopic-numeric uses space, instead of dot, suffix match recent change spec ( bug 1120721 ). css transitions on generated content (with ::before , ::after ) on both inline , block splits them start expected specification ( bug 1110277 ). the implementation of css logical properties made big progress. [...] how css transitions start has been modified match recent change of specifications, aiming @ having interoperable behavio
Read more

javascript - Complex json ng-repeat -

-
i try ng-repeat on object, tried several times still stuck. if have idea, , if it's possible share tips kind of situation. [ { "abonnement": { "id": "1", "nom": "bas prix", "tarif": "2.49", "communication": "2h de communication", "vers": "vers fixes et mobiles", "zone": "zone nationale" } }, { "abonnement": { "id": "2", "nom": "national", "tarif": "9.99", "communication": "t\u00e9l\u00e9phonie et sms illimit\u00e9s", "vers": "vers fixes et mobiles", "zone": "zone nationale" } }, { "abonnement": { "id": "3", "nom": "euro", "tarif&
Read more

jquery - Cloning of rows and columns from the old table into the new with colSpan and rowSpan -

-
i using clone jquery. necessary clone gray area in new table. problem cloned rows , columns can has rowspan , colspan. the gray area intersection data-fix-cols , data-fix-rows. my solution not work: <table id="old-table" data-fix-cols='3' data-fix-rows='4'> <tbody> <tr> <td class="gray">clone me</td> <td colspan="2" rowspan="2" class="gray">clone me</td> <td>ashgabat</td> <td>barcelona</td> <td>berlin</td> </tr> <tr> <td rowspan="3" class="gray">clone me</td> <td>bucharest</td> <td>warsaw</td> <td>washington</td> </tr> <tr> <td class="gray">clone me</td>
Read more