Question

当我单击按钮时，将显示一个边框。如何删除该边框，为什么要删除边框？

这是CSS代码：

SELECT CASE level 
        WHEN 1 THEN 'Bronze'
        WHEN 2 THEN 'Silver'
        WHEN 3 THEN 'Gold'
        WHEN 4 THEN 'Gold2'
        WHEN 5 THEN 'Gold3'
        WHEN 6 THEN 'Gold4'
        WHEN 6 THEN 'Gold5'
        WHEN 6 THEN 'Gold6'
        ELSE 'Unknown' END Level, 
    COUNT(*) AS total 
FROM admin_xxx
GROUP BY level 
ORDER BY total DESC LIMIT 10

[这里是图片1

Answer 1

在您的outline: 0;上添加button:focus：

.operator button {
    margin: 3px;
    /*height: 25px;
    width: 25px;*/  
    border-radius: 50%;
    background-color: green;
    border: none; 
    font-size: 10px;
    padding: 12px 12px;
    border: 2px solid #4CAF50;
    transition-duration: 1s;
    text-align: center;
    display: inline;
}

.operator button:focus { outline: 0; }

<div class="operator">
  <button>Test</button>
</div>

您可能也想阅读以下内容：https://stackoverflow.com/a/25298082/9718056

CSS为什么点击按钮后有边框？

1 个答案: