單擊按鈕的頂部似乎有一個(gè)默認(rèn)陰影，你可以在Codepen示例中看到金色邊框在頂部邊緣周圍變暗 - 如何刪除此行為？

.button {

cursor:pointer;

height: 3rem;

width:10rem;

margin:15px;

font-size:2em;

font-family: Helvetica, Arial, Sans-Serif;

background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 9%,rgba(102,102,102,1) 20%,rgba(71,71,71,1) 34%,rgba(71,71,71,1) 34%,rgba(44,44,44,1) 45%,rgba(0,0,0,1) 54%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);

text-decoration:none;

border-radius:10rem;

border-color:#fcbd3f ;

border-width: 1.5px;

color:#d4d6d8 ;

box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);

outline: none;

&:active{

outline: none;

box-shadow: inset 0px 7px 10px -10px;

background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 16%,rgba(17,17,17,1) 51%,rgba(28,28,28,1) 70%,rgba(28,28,28,1) 70%,rgba(44,44,44,1) 82%,rgba(43,43,43,1) 82%,rgba(56,56,56,1) 82%,rgba(44,44,44,1) 82%,rgba(66,66,66,1) 84%,rgba(84,84,84,1) 91%,rgba(109,109,109,1) 92%,rgba(102,102,102,1) 98%,rgba(28,28,28,1) 100%,rgba(19,19,19,1) 100%);

}

&:hover{

color: white;

outline: none;

}

}

button:active{

outline: none;

box-shadow: inset 0px 7px 10px -10px;

background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 16%,rgba(17,17,17,1) 51%,rgba(28,28,28,1) 70%,rgba(28,28,28,1) 70%,rgba(44,44,44,1) 82%,rgba(43,43,43,1) 82%,rgba(56,56,56,1) 82%,rgba(44,44,44,1) 82%,rgba(66,66,66,1) 84%,rgba(84,84,84,1) 91%,rgba(109,109,109,1) 92%,rgba(102,102,102,1) 98%,rgba(28,28,28,1) 100%,rgba(19,19,19,1) 100%);

}

總結(jié)

以上是生活随笔為你收集整理的java 默认焦点_按钮活动焦点阴影默认问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。