Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用图像HTML向按钮添加文本_Html_Css - Fatal编程技术网

使用图像HTML向按钮添加文本

使用图像HTML向按钮添加文本,html,css,Html,Css,我有一个按钮,它最初是一个图像,单击时执行一个操作。但是,我想添加标题提交到按钮 我怎么能这样做 <form name="input" action="" method="post"> <input type="text" name="emailaddress" placeholder="email address" class=emailInput /> <button type="submit" style="border: 0; background: tra

我有一个按钮,它最初是一个图像,单击时执行一个操作。但是,我想添加标题提交到按钮

我怎么能这样做

<form name="input" action="" method="post">
<input type="text" name="emailaddress" placeholder="email address" class=emailInput />
<button type="submit" style="border: 0; background: transparent">
    <img src="submit.png" width="50" height="31" class=submitButton alt="Submit" />
</button>
</form>

最好的方法是使用CSS,因为我认为图像实际上是文本的背景

  • 从按钮内部移除图像
  • 使用css装饰按钮
  • 文本放置在按钮中
css:

button {
    background:transparent url(submit.png) no-repeat left top;
    width:50px;
    height:31px;
}