Question

我有一个电子商务商店，并且有一个支付网关，我需要在其中使用input[type=submit]

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

我需要文本和图标，例如submit >>，但'>'是PNG。

我已经寻找了一段时间，但认为这是不可能的。有什么解决方法可以得到我想要的东西。

我当时正在考虑创建一个图像，并使用css添加一个bg图像，但这对于不同的设备等却没有响应。

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

Answer 1

您可以通过执行以下代码使用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"/>

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

1 个答案: