2017-09-19 5 views
0

私は、このボタン(木)はcomplile私のページを取得する方法:白PNGボタン影

on page load buttonそれはいくつかの白い影があるこのボタンをクリックした後

after click

ボタンをクリックしてボタンを押すと、灰色の影が表示されます。

このシャドウを削除するにはどうすればよいですか?

.btn-enter { 
 
    background: url(../images/plank-36736_960_720.png) no-repeat center center; 
 
    background-size:cover; 
 
    position:absolute; 
 
    top: 75%; 
 
    left: 24%; 
 
    width:55%; 
 
    height: 20%; 
 
    border:none; 
 
    background-color:none; 
 

 
} 
 
.btn-enter:hover { 
 
    background: url(../images/plank-36736_960_720.png) no-repeat center center; 
 
    background-size:cover; 
 
    position:absolute; 
 
    top: 75%; 
 
    left: 24%; 
 
    width:55%; 
 
    height: 20%; 
 
    border:none; 
 
    background-color:none; 
 
} 
 
.btn-enter:active { 
 
    background: url(../images/plank-36736_960_720.png) no-repeat center center; 
 
    background-size:cover; 
 
    position:absolute; 
 
    top: 75%; 
 
    left: 24%; 
 
    width:50%; 
 
    height: 20%; 
 
    border:none; 
 
    background-color:none; 
 
}
<button type="button" class="btn btn-default btn-enter"></button>

+0

私自身の答え: –

+0

「BTN-デフォルト」クラスのボタンのこの部分を削除し、CSSクラスのボタンでこのプロパティを追加:-webkit-ボックスシャドウ:なし。 box-shadow:なし; –

答えて

0

アウトラインを使用することができます:0;

.btn-enter { 
    background: url('http://www.thisiscolossal.com/wp-content/uploads/2017/04/MatRandom_12.jpg') no-repeat center center; 
    background-size:cover; 
    position:absolute; 
    top: 75%; 
    left: 24%; 
    width:55%; 
    height: 20%; 
    border:none; 
    background-color:none; 
    outline:0; 
} 
.btn-enter:hover { 
    background: url(http://www.thisiscolossal.com/wp-content/uploads/2017/04/MatRandom_12.jpg) no-repeat center center; 
    background-size:cover; 
    position:absolute; 
    top: 75%; 
    left: 24%; 
    width:55%; 
    height: 20%; 
    border:none; 
    background-color:none; 

} 
.btn-enter:active { 
    background: url(http://www.thisiscolossal.com/wp-content/uploads/2017/04/MatRandom_12.jpg) no-repeat center center; 
    background-size:cover; 
    position:absolute; 
    top: 75%; 
    left: 24%; 
    width:50%; 
    height: 20%; 
    border:none; 
    background-color:none; 
} 
関連する問題