首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在<input type=“图像”>上方插入文本

在<input type=“图像”>上方插入文本
EN

Stack Overflow用户
提问于 2012-12-29 02:51:05
回答 2查看 9.1K关注 0票数 4

以下代码用于将产品添加到购物篮中。

而不是仅仅使用一个图像作为一个购买按钮在输入,我希望有一个图像或填充的背景和HTML文本在它上面。

代码语言:javascript
复制
<input border="0" src="/images/buy.png" type="image" />

这是完整的代码:

代码语言:javascript
复制
<span class="BuyButton_ProductInfo">
    <table id="BUYSECTION">
        <tbody>
            <tr>
                <td valign="top" align="left">Count<br />
                    <input id="amount" class="TextInputField_ProductInfo" maxlength="6" size="3" name="AMOUNT" value="1" type="text" />
                </td>
                <td>&nbsp;&nbsp;</td>
                <td class="BuyButton_ProductInfo">Buy<br />
                    <input border="0" src="/images/buy.png" type="image" />
                </td>
            </tr>
        </tbody>
    </table>
</span>
EN

回答 2

Stack Overflow用户

发布于 2012-12-29 02:58:46

我也不确定我是否正确理解了你的问题,

但是,如果您讨论的是提交按钮上的纯色背景色,您可以使用

代码语言:javascript
复制
<input type="submit" style="background-color: black; color: white;" value="your text" />
票数 0
EN

Stack Overflow用户

发布于 2012-12-29 03:28:54

试试这个:

HTML:

代码语言:javascript
复制
<input type="button" value="Texto del boton" class="imgButton" />​

CSS:

代码语言:javascript
复制
.imgButton{
background-image:url(/images/buy.png);
width: 100%;
heigth: 100%;    
}​

干杯!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14074279

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档