javascript - 如何设置输入 [type=image] 按钮的样式，并添加文本值

<分区>

这是我的按钮:

<input name="Submit" type="image" src="some_button.jpg"/>

我想删除 src，给它一个文本值，并用 css 设置样式，如下所示:

<input name="Submit" type="image" value="Next" class="mybutton"/>

问题是该值在 Chrome 和 Safari 中显示时带有难看的灰色边框。我的研究告诉我输入 type=image 必须始终有一个 src，但是当我给它一个不可见的 1x1.png 时，边框消失了，但文本值也是如此。

我意识到我可以通过更改为 type="submit" 轻松解决此问题，但我正在将设计改造为预先存在的程序，并且必须保留 type="image" 以保留脚本。

我有哪些选择？？

*********编辑:************

请参阅 fiddle :https://jsfiddle.net/p486cprm/ 寻找丑陋的灰色边框。与输入边框不同。

最佳答案

.btn{
width:100px;
  height:auto;
}

<input class="btn" type="image" name="submit" src="http://www.clker.com/cliparts/f/d/n/5/p/g/button-red-next.svg">

请检查这段代码

关于javascript - 如何设置输入 [type=image] 按钮的样式，并添加文本值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34131796/

相关文章：

javascript - React useState 导致渲染循环