【问题标题】:How do I change the background color on this code如何更改此代码的背景颜色
【发布时间】:2019-01-16 20:43:23
【问题描述】:

我需要将此按钮的背景颜色更改为深红色。 当您将鼠标悬停在按钮上时,我还需要更改文本。我想让它说 G.F.Y.T.S.当您将鼠标悬停在按钮上时。

下面的代码是我试过的:

<input type="button" onclick="location.href='http://google.com';" value="Roger George Expendables"/>

【问题讨论】:

  • 该代码中的任何内容都与背景颜色无关。对于初学者,您需要 :hover CSS 规则。你是already told如何更改按钮文字。

标签: javascript html


【解决方案1】:

为按钮添加 css 类,并在类中添加背景颜色和文本颜色。为类添加 :hover。

【讨论】:

    【解决方案2】:

    树道

    1. 添加样式的内联定义

    http://google.com';" value="Roger George Expendables"/>

    1. 在 HTML 中添加样式部分并定义类

      。我的课{ 背景颜色:黄色 }

      http://google.com';" value="Roger George Expendables"/>

    2. 在代码中添加对样式表的引用

    【讨论】:

      【解决方案3】:

      您需要在 HTML 代码中创建样式表或内联样式。从那里,您可以这样说:

      .button {
          background: #8b0000
      }
      

      接下来,您需要一个悬停选择器。这意味着您需要执行以下操作:

      .button:hover {
          background: <hexvaluehere>
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-05-13
        • 2016-03-29
        • 2011-07-28
        • 1970-01-01
        • 2016-09-11
        相关资源
        最近更新 更多