我不明白以下要求以及如何实现它。
感谢所有付出努力的人。@Carlene 解决方案仅起作用,我必须根据要求进行修改
<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;
}
这是你想要的?
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 表示边框的粗细,solid 表示边框的种类,例如dotted 或solid,black 表示您想要的颜色,这也可以是十六进制值。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句