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

学习者先生

我不明白以下要求以及如何实现它。

感谢所有付出努力的人。@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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

某些按钮处于活动状态时更改链接

来自分类Dev

更改按钮:在CSS中处于活动状态

来自分类Dev

崩溃处于活动状态时更改班级

来自分类Dev

WPF列表框项的名称在鼠标悬停时处于活动状态或处于活动状态

来自分类Dev

链接处于活动状态时保持悬停效果

来自分类Dev

NavLink:悬停时处于活动状态的CSS动画

来自分类Dev

填写输入字段时,如何使按钮状态处于活动状态?

来自分类Dev

更改活动时保持线程处于活动状态

来自分类Dev

Angular - 单击按钮时使按钮处于活动状态,并在单击组中的其他按钮时处于非活动状态

来自分类Dev

单击使按钮处于活动状态

来自分类Dev

仅在单选按钮处于活动状态时才“必需” HTML

来自分类Dev

在ActionMode处于活动状态时阻止Back按钮

来自分类Dev

在ActionMode处于活动状态时,防止“后退”按钮

来自分类Dev

输入处于活动状态时更改标签文本颜色

来自分类Dev

收合处于活动状态时更改班级

来自分类Dev

子链接处于活动状态时更改父母的颜色

来自分类Dev

使用AngularJS将Twitter Bootstrap按钮状态更改为在按钮组中处于活动状态

来自分类Dev

在 ASP.Net MVC 中单击按钮时处于活动状态还是非活动状态?

来自分类Dev

在ListView中处于活动状态或非活动状态时,如何更改容器的颜色

来自分类Dev

在悬停和单击时更改块颜色(并保持活动状态)

来自分类Dev

悬停在子项目上时保持父项目处于活动状态

来自分类Dev

悬停在子项目上时保持父项目处于活动状态

来自分类Dev

希望在鼠标悬停时隐藏<div>,同时允许后面的链接处于活动状态

来自分类Dev

如何在javascript中鼠标悬停事件处于活动状态时触发onkeypress事件

来自分类Dev

硒验证哪个按钮处于活动状态

来自分类Dev

单击后,SemanticUI按钮仍处于活动状态

来自分类Dev

鼠标离开div后,悬停状态仍处于活动状态

来自分类Dev

当Firefox中的按钮处于活动状态时,如何防止按钮文字移动?

来自分类Dev

如何使元素在悬停时处于活动状态,并在悬停在另一个特定的div上时保持活动状态

Related 相关文章

  1. 1

    某些按钮处于活动状态时更改链接

  2. 2

    更改按钮:在CSS中处于活动状态

  3. 3

    崩溃处于活动状态时更改班级

  4. 4

    WPF列表框项的名称在鼠标悬停时处于活动状态或处于活动状态

  5. 5

    链接处于活动状态时保持悬停效果

  6. 6

    NavLink:悬停时处于活动状态的CSS动画

  7. 7

    填写输入字段时,如何使按钮状态处于活动状态?

  8. 8

    更改活动时保持线程处于活动状态

  9. 9

    Angular - 单击按钮时使按钮处于活动状态,并在单击组中的其他按钮时处于非活动状态

  10. 10

    单击使按钮处于活动状态

  11. 11

    仅在单选按钮处于活动状态时才“必需” HTML

  12. 12

    在ActionMode处于活动状态时阻止Back按钮

  13. 13

    在ActionMode处于活动状态时,防止“后退”按钮

  14. 14

    输入处于活动状态时更改标签文本颜色

  15. 15

    收合处于活动状态时更改班级

  16. 16

    子链接处于活动状态时更改父母的颜色

  17. 17

    使用AngularJS将Twitter Bootstrap按钮状态更改为在按钮组中处于活动状态

  18. 18

    在 ASP.Net MVC 中单击按钮时处于活动状态还是非活动状态?

  19. 19

    在ListView中处于活动状态或非活动状态时,如何更改容器的颜色

  20. 20

    在悬停和单击时更改块颜色(并保持活动状态)

  21. 21

    悬停在子项目上时保持父项目处于活动状态

  22. 22

    悬停在子项目上时保持父项目处于活动状态

  23. 23

    希望在鼠标悬停时隐藏<div>,同时允许后面的链接处于活动状态

  24. 24

    如何在javascript中鼠标悬停事件处于活动状态时触发onkeypress事件

  25. 25

    硒验证哪个按钮处于活动状态

  26. 26

    单击后,SemanticUI按钮仍处于活动状态

  27. 27

    鼠标离开div后,悬停状态仍处于活动状态

  28. 28

    当Firefox中的按钮处于活动状态时,如何防止按钮文字移动?

  29. 29

    如何使元素在悬停时处于活动状态,并在悬停在另一个特定的div上时保持活动状态

热门标签

归档