0
私は、このボタン(木)はcomplile私のページを取得する方法:白PNGボタン影
on page load buttonそれはいくつかの白い影があるこのボタンをクリックした後
:
をボタンをクリックしてボタンを押すと、灰色の影が表示されます。
このシャドウを削除するにはどうすればよいですか?
.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>
私自身の答え: –
「BTN-デフォルト」クラスのボタンのこの部分を削除し、CSSクラスのボタンでこのプロパティを追加:-webkit-ボックスシャドウ:なし。 box-shadow:なし; –