5

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

我不希望在输入中仅使用图像作为购买按钮，而是希望在背景中添加图像或填充物，并在其上方添加 HTML 文本。

<input border="0" src="/images/buy.png" type="image" />

这是完整的代码：

<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>
4

4 回答 4

0

不知道我是否正确理解你的问题，

但是，如果您在提交按钮上谈论纯色背景色，则可以使用

<input type="submit" style="background-color: black; color: white;" value="your text" />
于 2012-12-28T18:58:46.443 回答
0

不确定我是否完全理解您要完成的工作？你可以display在 CSS 中设置属性吗？ 

#BUYSECTION input[type="image"] {  
  display:block;
}

否则，你能详细说明吗？也许提供一个JSFiddle链接来显示问题？

已编辑

您是否想要一个可点击的提交按钮，带有图案或“类似按钮”的填充，但在按钮“上方”的不同 z-index 处仍有文本？

HTML：

<button type="submit">Buy</button>

CSS：

button{
  /* reset the button style properties */
  border:0;
  display:block;
  /* include the image and dimensions */
  width:50px;
  height: 20px;
  background:transparent url("images/buy.png") no-repeat 50% 50%;
  /* format the text */
  text-align:center;
  padding:5px;
  font-weight:bold;
  color:#333;
}
于 2012-12-28T18:56:54.730 回答
0

尝试这个：

HTML：

<input type="button" value="Texto del boton" class="imgButton" />​

CSS：

.imgButton{
background-image:url(/images/buy.png);
width: 100%;
heigth: 100%;    
}​

萨鲁多斯！

于 2012-12-28T19:28:53.793 回答
0

您可以在输入元素上方插入文本。我在这项工作中使用标签元素。您可以使用 CSS 代码编辑标签元素位置。

<input src="/images/buy.png" type="image" id="myButton" />
<label for="myButton">Click me or image</label>

于 2015-11-21T14:58:08.427 回答