Question

我使用的图像看起来像按钮作为图像上链接和样式文本的背景，如下所示：

HTML：

<div><a href="/link_somewhere.php" class="plainButton">Button Text!</a></div>

CSS：

.plainButton{
background:transparent url('../images/btnPlain.png') no-repeat;
display: inline-block;
font-family:"Calibri", "Trebuchet MS", Helvetica, sans-serif;
width:100px;
height:25px;
color: #FFF !important;
font-weight:bold;
font-size:1.1em;
text-decoration:none !important;
text-align:center;
vertical-align: middle;

}

我有一个使用输入图像的现有表格（我正在尝试替换可怕的图像） HTML：

<input type="image" id="btnSubmit" name="btnSubmit" src="images/btnPlain.png"/>

我如何重复使用我拥有的所有“按钮”？

Answer 1

将同一个类添加到提交类型为input的{{1}}，a和button

或

在css中制定规则，将其应用于所述元素。在这里小提琴：http://jsfiddle.net/QbLxe/

输入图像中的样式，上面有文字

1 个答案: