Chrome中的Bootstrap邊框不會消失

所以我有一個（幾乎）完美的旋轉木馬，但在Chrome中它仍然有一個像素（ISH）邊框，我無法擺脫。這在Firefox中不存在，所以它讓我相信這是一個僅限於Chrome的問題。有沒有人遇到過這個？轉盤來自bootstrap，並且它裝載了AngularUI。Chrome中的Bootstrap邊框不會消失

這是我的CSS，如果它是任何幫助和圖像描述我在說什麼。 enter image description here

.jumbotron{ 
    width: 100%; 
    height: 430px; 
    margin: 0 !important; 
    padding: 0 !important; 
    background: none; 
    } 

    .item { 
    background-color: transparent; 
    background: none; 
    border-color: transparent; 
    border:0; 
    padding: 0 !important; 
    border-image-width: 0 !important; 
    } 

    .item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated { 
    background-color: transparent; 
    background: none; 
    border-color: transparent; 
    border:0 !important; 
    padding: 0 !important; 
    border-image-width: 0 !important; 
    } 

    .carousel-control.right{ 
    right: 20px; 
    top: 200px; 
    height: 5%; 
    width: 5%; 
    background: none; 
    } 
    .carousel-control.left{ 
    left: 20px; 
    top: 200px; 
    height: 5%; 
    width: 5%; 
    background: none; 
    } 

    .carousel-control{ 
    z-index: 2; 
    background: none; 
    }

下面是它

<div class='jumbotron row'> 
    <div class="no-pad no-marg col-md-12 show-grid"> 
     <carousel id="carousel" interval="-1"> 
     <slide ng-repeat="slide in vm.slides" active="slide.active"> 
      <img ng-src="{{slide.image}}" style=" max-height:400px; width: 100%; margin:auto; margin-top: 0;"> 
     </slide> 
     </carousel> 
     </div> 
    </div>

來源

2014-12-19 noname

刪除所有的東西圍繞着旋轉木馬，看看這個標記。 http://www.bootply.com/v0C8wRzTQk。如果它坐在旁邊，則將圖像設爲100.05％。 – Christina 2014-12-19 06:05:03

好吧，我感到愚蠢，感謝您的答案！如果你提交它生病給你分點 – noname 2014-12-19 06:48:29

雖然我仍然好奇什麼樣的問題是造型... – noname 2014-12-19 06:49:38

沒有必要給一個如此米尼邊框屬性來隱藏只給一個邊界的HTML：沒有這應該工作

border:none !important;

來源

2014-12-19 07:03:26 Muthukumar

Chrome中的Bootstrap邊框不會消失

回答

相關問題