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

小编典典

css

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

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

阅读 2546

2020-05-16

共1个答案

小编典典

如果您绝对必须使用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使用时发送的事实是不一致的-这取消了多次提交形式的“单击了什么按钮”检测。

2020-05-16