HTML / CSS如何在输入类型=“ button”中添加图像图标？

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用下面的CSS，但是它将图像放置在按钮的中心。是否可以使用左右对齐图标<input type="button">，以使文本和图像适合并对齐？

background: url('/common/assets/images/icons/16x16/add.png');
background-position:center;
background-repeat:no-repeat;

回答：

如果您绝对必须使用input，请尝试以下操作：

background-image: url(...);
background-repeat: no-repeat;
background-position: <left|right>;
padding-<left|right>: <width of image>px;

它通常是一个比较容易使用button与img内：

<button type="submit"><img> Text</button>

但是，button用于提交的浏览器实现与所有按钮值都在button使用时发送的事实是不一致的-这取消了多次提交形式的“单击了什么按钮”检测。

以上是 HTML / CSS如何在输入类型=“ button”中添加图像图标？ 的全部内容， 来源链接： utcz.com/qa/435878.html

回到顶部