如何更改 Bootstrap 3 中按钮的悬停颜色?

早晨

我是 CSS Bootstrap 的新手。请帮我更改“Go”按钮的悬停颜色

<form class="navbar-form navbar-left" role="search">
        <div class="input-group">
            <span class="input-group-btn">
             <button type="submit" class="btn btn-info">Go</button>
            </span>
            <label for="search" class="sr-only">Search</label>
            <input type="text" id="search" class= "form-control" placeholder="Search" >
            <span class="glyphicon glyphicon-search form-control-feedback"></span>
        </div>
    </form>
埃桑

不要使用“!重要”

阅读更多:https : //j11y.io/css/dont-use-important/

注意:我添加了ID属性。

#col:hover {

   background-color: red;

}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<form class="navbar-form navbar-left" role="search">
        <div class="input-group">
            <span class="input-group-btn">
             <button type="submit" id="col" class="btn btn-info">Go</button>
            </span>
            <label for="search" class="sr-only">Search</label>
            <input type="text" id="search" class= "form-control" placeholder="Search" >
            <span class="glyphicon glyphicon-search form-control-feedback"></span>
        </div>
</form>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Bootstrap 3.3.6导航栏中更改悬停颜色?

来自分类Dev

如何在Bootstrap 3中更改行的颜色?

来自分类Dev

通过自定义Bootstrap更改按钮上的悬停颜色

来自分类Dev

使用jQuery更改单选按钮的颜色-Bootstrap3

来自分类Dev

如何更改Bootstrap已禁用按钮的颜色?

来自分类Dev

bootstrap3-在折叠模式下如何更改背景颜色

来自分类Dev

bootstrap3-在合拢模式下如何更改背景颜色

来自分类Dev

如何使用jQuery更改Bootstrap 3按钮的文本?

来自分类Dev

如何更改Bootstrap 3按钮onclick CSS样式

来自分类Dev

如何在按钮悬停属性中更改文本颜色

来自分类Dev

如何在Twitter Bootstrap 3中更改div col顺序

来自分类Dev

如何在Bootstrap 3中更改textarea的焦点发光?

来自分类Dev

如何在Bootstrap中更改btn颜色

来自分类Dev

更改导航链接上的Bootstrap悬停颜色?

来自分类Dev

无法在 bootstrap 4 按钮中更改链接颜色

来自分类Dev

如何更改Bootstrap 3 datetimepicker默认视图?

来自分类Dev

单击后如何更改Bootstrap 3下拉背景颜色?

来自分类Dev

如何更改 gnome 3 中的颜色主题?

来自分类Dev

在更少的bootstrap中添加panel-heading:hover类不会更改悬停颜色

来自分类Dev

在更少的bootstrap中添加panel-heading:hover类不会更改悬停颜色

来自分类Dev

如何在bootstrap3中创建响应式按钮?

来自分类Dev

如何在Bootstrap 3中间隔垂直堆叠的按钮

来自分类Dev

如何在Bootstrap 3中获得响应式按钮

来自分类Dev

如何更改bootstrap3默认容器宽度更改

来自分类Dev

如何更改bootstrap3默认容器的宽度更改

来自分类Dev

在Bootstrap中更改颜色箭头

来自分类Dev

我可以更改Bootstrap按钮的颜色吗?

来自分类Dev

Bootstrap CSS按钮问题,不更改颜色

来自分类Dev

Bootstrap Vue更改活动按钮颜色

Related 相关文章

  1. 1

    如何在Bootstrap 3.3.6导航栏中更改悬停颜色?

  2. 2

    如何在Bootstrap 3中更改行的颜色?

  3. 3

    通过自定义Bootstrap更改按钮上的悬停颜色

  4. 4

    使用jQuery更改单选按钮的颜色-Bootstrap3

  5. 5

    如何更改Bootstrap已禁用按钮的颜色?

  6. 6

    bootstrap3-在折叠模式下如何更改背景颜色

  7. 7

    bootstrap3-在合拢模式下如何更改背景颜色

  8. 8

    如何使用jQuery更改Bootstrap 3按钮的文本?

  9. 9

    如何更改Bootstrap 3按钮onclick CSS样式

  10. 10

    如何在按钮悬停属性中更改文本颜色

  11. 11

    如何在Twitter Bootstrap 3中更改div col顺序

  12. 12

    如何在Bootstrap 3中更改textarea的焦点发光?

  13. 13

    如何在Bootstrap中更改btn颜色

  14. 14

    更改导航链接上的Bootstrap悬停颜色?

  15. 15

    无法在 bootstrap 4 按钮中更改链接颜色

  16. 16

    如何更改Bootstrap 3 datetimepicker默认视图?

  17. 17

    单击后如何更改Bootstrap 3下拉背景颜色?

  18. 18

    如何更改 gnome 3 中的颜色主题?

  19. 19

    在更少的bootstrap中添加panel-heading:hover类不会更改悬停颜色

  20. 20

    在更少的bootstrap中添加panel-heading:hover类不会更改悬停颜色

  21. 21

    如何在bootstrap3中创建响应式按钮?

  22. 22

    如何在Bootstrap 3中间隔垂直堆叠的按钮

  23. 23

    如何在Bootstrap 3中获得响应式按钮

  24. 24

    如何更改bootstrap3默认容器宽度更改

  25. 25

    如何更改bootstrap3默认容器的宽度更改

  26. 26

    在Bootstrap中更改颜色箭头

  27. 27

    我可以更改Bootstrap按钮的颜色吗?

  28. 28

    Bootstrap CSS按钮问题,不更改颜色

  29. 29

    Bootstrap Vue更改活动按钮颜色

热门标签

归档