时间戳

首页 > 解决方案 > HTML/CSS/JS - 将图像添加到输入[type=submit]

javascript - HTML/CSS/JS - 将图像添加到输入[type=submit]

问题描述

我有一个电子商务商店和一个需要使用的支付网关input[type=submit]

它不能是button或input[type=image]，但我想在值中放置一个图标。

我需要文本和图标，submit >>除了 '>' 是PNG.

我一直在寻找一段时间，不认为这是可能的。是否有任何解决方法可以得到我正在寻找的东西。

我正在考虑创建一个图像并使用css添加一个 bg 图像，但这不会对不同的设备等做出响应。

对此的任何想法或建议将不胜感激。

标签： javascriptjqueryhtmlcss

解决方案

您可以通过执行以下代码使用 css 来完成。不要使用内联，这会使您的输入标签混乱。

.YourInputClass
{ 
    background-image:url('http://portal.3spos.com/content/images/flag-saudi-arabia.png');
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:14px;
}
   <input class="YourInputClass" style="text-align: right;"  type="textbox" name="text"/>

推荐阅读