在Chrome中從css自定義樣式按鈕中刪除藍(lán)色邊框我正在做一個(gè)網(wǎng)頁，我想要定制樣式<button>標(biāo)簽。因此，對(duì)于CSS，我說：border: none..現(xiàn)在它在Safari中運(yùn)行得很好，但是在Chrome中，當(dāng)我單擊其中一個(gè)按鈕時(shí)，它會(huì)在它周圍放置一個(gè)惱人的藍(lán)色邊框。我以為button:active { outline: none }或button:focus { outline:none }會(huì)起作用的，但兩者都不起作用。有什么想法嗎？這是單擊之前的樣子(以及我希望它在被單擊后仍然保持的狀態(tài))：這就是我說的邊界：這是我的CSS：button.launch {
background-color: #F9A300;
border: none;
height: 40px;
padding: 5px 15px;
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin-top: 10px;
margin-right: 10px;}button.launch:hover {
cursor: pointer;
background-color: #FABD44;}button.change {
background-color: #F88F00;
border: none;
height: 40px;
padding: 5px 15px;
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin-top: 10px;
margin-right: 10px;}button.change:hover {
cursor: pointer;
background-color: #F89900;}button:active {
outline: none;
border: none;}
3 回答
嚕嚕噠
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊
等等！這個(gè)丑陋的輪廓是有原因的！
可能的解決方案：聚焦時(shí)的暗按鈕
button:focus { outline:0 !important; }
這不僅僅是針對(duì)殘疾用戶的
慕姐8265434
TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊
*:focus {outline:none}*:focus {outline:none !important}添加回答
舉報(bào)
0/150
提交
取消