很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,
即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,
就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,
<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:
background-image\backgroundimage;
<style type="text/css">
.submitStyle {background:url(imagpath);border:0px}
</style>
这种方法是比较好的,因为在IE或FF下都能正常显示.
分享到:
相关推荐
值得注意的是,这款开关是通过CSS3自定义checkbox样式来实现的,记得很早以前也分享过类似的一个CSS3应用纯CSS3实现发光开关切换按钮,也是通过CSS3改变checkbox默认行为样式来实现的,外观都比较漂亮。
使用css实现多种特效 全部效果: 1.默认三种主题:确认、取消、警告,适用于以下所有特效 2.流光效果:流光背景、流光边框 3.边框效果:双旋转边框、单旋转边框、呼吸效果边框 4.滑动效果:反光滑动、箭头滑动、中央...
本文介绍了css3自定义滚动条样式写法,分享给大家,具体如下: 先简单介绍一下各个属性 ::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button :滚动...
<item name="android:button">@drawable/selector</item>//这个selector.xml中就是对应不同状态的CheckBox的背景图片 3:在selector.xml <!--这里是对应点击之后,CheckBox的背景图--> ...
2.div中显示自定义的海报图片与按钮 三、步骤分解 1.海报图片作为div的背景 注:无论是横图还是竖图,都希望按原比例显示在div内 css: .yourDiv{ background-color: black; height:20em; background-image: url...
使用css实现多种特效 全部效果: 1.默认三种主题:确认、取消、警告,适用于以下所有特效 2.流光效果:流光背景、流光边框 3.边框效果:双旋转边框、单旋转边框、呼吸效果边框 4.滑动效果:反光滑动、箭头滑动、中央...
2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的...
以上代码用Qt实现了自定义窗口标题栏,非常实用,提供了窗口图标、窗口标题、最小化、最大化、关闭按钮等几个部分。可以应用到每一个窗口中去,保持每个窗口外观的一致性,同时自定义的标题栏也比系统自带的漂亮很多...
自定义风景浏览网页是一个基于HTML和CSS构建的简单项目,允许用户上传并显示自定义背景图像,提供了一个身临其境的风景浏览体验。 这个项目主要使用HTML和CSS进行构建。HTML用于创建网页的基本结构,包括导航栏、...
通过CSS3自定义checkbox样式来实现的一款CSS3立体感灯光开关按钮动画特效,切换开关可以改变页面背景颜色,从而模拟灯光的开启和关闭。
首先想到的是, 复选框需要的是一个背景色, 然后就是一个复选框选中的状态.选中状态我们这里用 勾号 来表示. HTML就可以简单的表示了 XML/HTML Code复制内容到剪贴板 <input type=checkbox value=0 />...
css盒模型:块级元素,内联元素,内敛块状元素,none使元素隐身,设置宽度、高度、背景色、边框、圆角,padding内边距,margin外边距; css布局模型:流动模型flow,浮动模型float,层模型layer,层模型的绝对定位、...
font-size: 9pt}/* 按钮的CSS定义:对应CSS中的“BUTTON”,这里为按钮的风格设置,可定义内容为背景、字体、颜色、边框等 */Button{FONT-SIZE: 9pt;HEIGHT: 20px;}/* 下拉列表框的CSS定义:对应CSS中的“SELECT”,...
2.jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效...
CSS3可视化网页编辑器 基于tinymce编辑器.rar CSS3垂直图标菜单 带Tooltip提示框.rar CSS3多样式小图标按钮 带分享按钮.rar CSS3实现一款联系表单 输入框带小图标.rar ...纯CSS3背景渐变按钮 按钮图标淡入淡出动画.rar
自定义顶栏用户头像,自定义侧栏默认状态,自定义用户中心首页背景图片,自定义登录/注册/重置密码页面背景图片,自定义用户中心首页弹窗公告,自定义用户中心首页弹窗公告顶栏颜色/确认按钮颜色,自定义css,...
4.7.2 CSS按钮 4.7.3 图片翻转链接 4.7.4 面包屑导航链接 第5章 CSS内容排版 5.1 文字排版 5.1.1 通栏排版 5.1.2 分栏排版 5.2 图文混合排版 5.2.1 图片基础控制 5.2.2 不规则文字环绕 5.3 全图排版 5.4 表格排版 ...
纯CSS3背景渐变按钮-按钮图标淡入淡出动画 纯CSS3实现滑杆开关切换按钮动画 动感的CSS3 Loading文字特效 漂亮的CSS3动画进度条-可自定义进度条颜色 本资料共包含以下附件: 12款实用的HTML5干货分享.rar
支持自定义文章缩略图或者获取文章内任意图片作为缩略图 支持面包屑导航、文章目录、文章二维码打赏 支持“轻语”功能(类似说说) 自带链接功能,可在首页(侧栏或页底)和链接模板内显示,可自定义要显示的分类 ...
使用 CSS3 的 animaition 通过拼图块背景图片位置的变化, 添加平滑过渡效果在 js 中通过为拼图块添加的自定义属性 index ,获取当前方块的背景图片位置信息 整体框架 整个页面分为两个部分, 分别是拼图部分和功能按钮...