JAVA里面如何中创建了一个按钮button,如何设置这个按钮的背景呢? 不是背景颜色,是拿一张图片来作为button

JavaScript012

JAVA里面如何中创建了一个按钮button,如何设置这个按钮的背景呢? 不是背景颜色,是拿一张图片来作为button,第1张

很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,一是直接在按钮中设置,如下:

<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />

这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:background-image\backgroundimage

另一种方法就是用CSS来设置,实现方法如下:

<style type="text/css">

.submitStyle {background:url(imagpath)border:0px}

</style>

这种方法是比较好的,因为在IE或FF下都能正常显示.

首先建立一个js文件，引入图标，做成字典的形式，再用 Vue 的插件功能注册为全局变量。

这里有两种使用方式，一种是简单粗暴的全部图标都注册了，看了一下node_modules里面的文件，一共二、三百KB，如果不太在意体积的话，可以全都弄进来。

如果使用的图标不是很多，那么可以只引入需要的图标，这样体积就小很多了。

在模板里面使用动态组件，根据图标名称加载图标，使用style设置大小和颜色，这样就可以了。