gpt4 book ai didi

html - 使用 css 覆盖提交按钮图像

转载 作者:行者123 更新时间:2023-11-28 04:03:45 27 4
gpt4 key购买 nike

我正在研究 CSS 用户样式,问题是我似乎无法修改编码到网页 html 代码中的按钮中的图像:

<button type="submit" class="btn btn-default"><img alt="Ico-plus" src="//s.theoldreader.com/assets/ico-plus-369f50fa00968793b3c2e814f3e55de5.png"><i class="fa fa-spinner fa-spin" style="display:none;"></i></button>

我可以通过 CSS 更改它的最接近的方法是更改​​实际 button 的代码并通过 .subscribe-button-container .subscribe .dropdown-menu li 更改其背景形成 .control-group button{background-image:url("http://i.imgur.com/XYHilSy.png");},而不是替换其中包含的图像。有可能实现我正在尝试做的事情,还是这些图像只是硬编码到 HTML 中?

我读了这些: How to change an input button image using CSS?

Adding an image to submit button using CSS

Submit Button Image

但他们都认为我可以修改html代码,而我只能尝试覆盖css

最佳答案

不能用CSS修改HTML,只能修改HTML的外观。由于 <img> 的图像 url在 HTML 中指定,您无法更改它。

以下是您可以做的:

  1. 隐藏图片(display: noneopacity: 0)
  2. 为按钮指定背景图片

关于html - 使用 css 覆盖提交按钮图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43056046/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com