css 如何将此按钮的背景从蓝色更改为橙子?

gg0vcinb  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(115)

我正在使用这个CSS文件:
https://ssl.gstatic.com/docs/script/css/add-ons1.css
下面是我正在使用的表单的代码:

<form id="myform">
    <div class="block form-group">
      <input type='text' required="required"/ style="width:300px;">
    </div>

    <div class="block">
      <button type="submit" class="button">Submit</button>
    </div>
  </form>

我试着弄清楚如何把按钮的颜色从蓝色改为橙子,但是我对所有的CSS行都感到非常困惑。我试着把一些css样式强加到按钮中,但是我想我在某个地方搞砸了,因为我所有的修改都让按钮看起来很奇怪,但是实际上并没有改变颜色。
我检查了元素,并试图对各种行进行更改,我试图将CSS复制到我自己的网站,认为这可能是一个缓存问题,但无论我尝试什么,我都无法让按钮从蓝色变为橙子,哈哈。

bnl4lu3b

bnl4lu3b1#

不知道为什么你会被css的行搞混
为什么不添加一个类

.orange{
  background: orange;
}

到css文件的末尾,
并将orange添加到html按钮代码中

<form id="myform">
  <div class="block form-group">
    <input type='text' required="required"/ style="width:300px;">
  </div>

 <div class="block">
   <button type="submit" class="button orange">Submit</button>
 </div>
</form>

让我知道

相关问题