html - 该州的边界不会消失：悬停

Question

我有两个按钮，在其上应用了以下 css：

    display: flex;
    height: 43px;
    margin-top: 10px;
    
}

.reset, .register{
    flex: 2;
    font-family: snes;
    font-size: 40px;
    background-color: rgba(0, 0, 0, 0.493);
    color: white;
    border: none;
    border-radius: 30px;
    margin: 0;
    text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 15px, #1695CE 0px 0px 20px, #1695CE 0px 0px 30px, #1695CE 0px 0px 40px, #1695CE 0px 0px 50px, #1695CE 0px 0px 75px;
    letter-spacing: 2px;
}

button.reset:focus{
    border: none;

}

.blank_space{
    flex: 1;
}

这是两者的html：

<div class="buttons">
    <button class="reset" type="reset">Reset</button>
    <div class="blank_space"></div>
    <button class="register" type="submit">Register</button>
</div>

*注意：空格只是为了使用flex来划分按钮。

这是重置按钮的焦点状态的结果（也适用于注册按钮）。我不想要额外的边框。我努力了

button.reset:focus{
    border: none;
}

它没有用。

标签： htmlcss