Question

我不理解以下要求以及如何实现。

感谢所有付出的努力。 @Carlene解决方案仅在我必须按照requiremnet修改的情况下才能使用

<button type="button" class="btn btn-default" id="submit-form">Submit Answer</button>

我尝试了以下操作，但没有任何变化。

button#submit-form:hover {
    fill:#ffffff;
    outline: 1px;
    border-radius: 3px;
    box-shadow: 1px 1px 2px;
    font-family: Roboto;
    font-size: 14px;    
}

Answer 1

这是您要寻找的吗？

button#submit-form {
    background-color:#ffffff;
    border-radius: 3px;
    font-family: Roboto;
    font-size: 14px;  
    color: #697070;
}

button#submit-form:hover {
    box-shadow: 1px 1px 2px;
}

https://codepen.io/carlene_cannon_conner/pen/XWrxpmW

请注意，在悬停时要添加或覆盖的所有内容都应放在第二个块中。由于此css仅在悬停状态期间适用，否则它将使用button＃submit-form中的所有css。

background-color是按钮的背景色，color是按钮中字体的颜色。

按轮廓，您是指边界吗？在这种情况下，您可能需要以下内容：

border: 1px solid black;

1px是指边框的粗细，实心是指边框的种类，例如点或实心和黑色是指您希望它也可以是十六进制值的颜色。

Answer 2

CSS中没有{ statusCode: 403, code: 'accessDenied', message: 'The caller does not have permission to perform the action.', requestId: '1d3bba03-6c15-41f0-9de5-979ce42127b5', date: 2019-09-18T08:46:37.000Z, body: '{"code":"accessDenied","message":"The caller does not have permission to perform the action.","innerError":{"request-id":"1d3bba03-6c15-41f0-9de5-979ce42127b5","date":"2019-09-18T10:46:37"}}' }参数。使用fill或background，而不是background-color使用outline。

Answer 3

更改：

button#submit-form:hover {
    fill:#ffffff;
    //...
}

收件人：

button#submit-form:hover {
    background-color:#ffffff;
    //...
}

Answer 4

button {
box-shadow: 1px 2px 2px;
 font-family: Roboto;
    font-size: 14px;   
     fill:#ffffff;
     outline: 1px;
     cursor: pointer;
}
button#submit-form:hover {
    box-shadow: 1px 1px 2px;

}

当按钮处于活动状态并悬停时，更改外观

4 个答案: