我使用看起来像按钮的图像作为链接的背景,并在图像上设置文本样式,如下所示:
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"/>
我怎样才能重用已有的东西,使我所有的“按钮”都一样?
最佳答案
将相同的类添加到类型为 submit、a
和 button
的 input
或
在 css 中制定规则,将其应用于上述元素。 在这里 fiddle :http://jsfiddle.net/QbLxe/
关于html - 输入图像中的样式,上面有文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6378491/